Okay
  Public Ticket #2548909
Hide Nav Menu Item on Specific Page
Closed

Comments

  •  4
    ContentGaucha started the conversation
    September 23, 2020 at 11:04pm

    Hey Guys,

    I hate to ask... But I've tried multiple ways using CSS, and I'm striking out on the following:

    My client desires to hide the Nav menu "Donate" item (menu-item-19915) on the Special Fundraising Campaign page (https://globalsolutions.org/give/) (a.k.a. postid-19992)

    The need to hide this particular item on this particular page is to avoid confusing donors seeking to donate to a special fundraising campaign, as the user upon seeing the "Donate" nav menu item - in to the top right - may reflexively click that element, and not use the special campaign donate button on the page.

    Do you have a line of code I could use? 

    Thank you in advance,

    Laura


  •  2,965
    Andrew replied
    September 24, 2020 at 8:08am

    Hi Laura,

    Add the following custom css:

    .page-id-19992 #top > .container > .row nav >ul > li#menu-item-19915 a {
    display: none !important;
}

    Hope this helps.

  •  4
    ContentGaucha replied
    September 24, 2020 at 3:59pm

    Thank YOU Andrew!

    Worked perfectly. 

    And now see the woeful inadequacy of my frustrating attempts. Yes. I know some CSS, but this was beyond my knowledge.

    Thanks again.

    Laura