Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 20, 2021 at 11:38 pm #1274242
    bewelltended

    Hello!

    I created an item for the menu, but hid it in the main menu so that it would only display on mobile. The code I added worked to hide the item on the homepage, but it is appearing on all of the other site pages.

    Here is the CSS I added:

    #avia-menu > li:last-child > li a {
    display:none !important;
    }

    Can you help me figure out why it is not being hidden on all pages?

    Site linked in private content.

    Thanks so much!

    January 21, 2021 at 5:52 pm #1274475
    bewelltended

    Actually, I didn’t want to leave this up on our live site, so I added it to the dev site.

    But now it’s not hiding it even on the home page.

    I also did this for another button – client wanted a “Home” menu on the mobile menu but not on desktop. I was able to get that to work, but no luck with the “Cart” menu item.

    Link in private content below.

    Thank you so much!

    • This reply was modified 3 years, 11 months ago by bewelltended.
    January 22, 2021 at 4:05 am #1274575
    Rikard

    Hi,

    Thanks for the update. Which menu item are you looking to hide for desktop only?

    Best regards,
    Rikard

    January 22, 2021 at 3:22 pm #1274763
    bewelltended

    Hi Rikard –

    I would like to hide the “Cart” menu item on only desktop so that it shows up in the mobile menu.

    Thanks so much!
    Nikole

    January 22, 2021 at 5:37 pm #1274797
    Victoria

    Hi bewelltended,

    Can you disable caching and minification for now so that we can work with the CSS in the browser?

    Best regards,
    Victoria

    January 22, 2021 at 5:46 pm #1274803
    bewelltended

    Hi Victoria –

    I have disabled our WP Rocket plugin. Let me know if that didn’t do the trick.

    Thanks so much!
    Nikole

    January 22, 2021 at 5:58 pm #1274817
    Victoria

    Hi Nikole,

    NO, the styles are still inlined in the HTML file. Are you using another plugin maybe as well?

    Best regards,
    Victoria

    January 22, 2021 at 6:06 pm #1274824
    bewelltended

    Hi Victoria –

    Thanks for the update. I disabled any that I felt could still be causing an issue. Any better luck now?

    N.

    January 23, 2021 at 1:09 pm #1274962
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    nav.main_menu #menu-item-3655 {
  display: none; 
}

    Best regards,
    Rikard

    January 23, 2021 at 6:28 pm #1274992
    bewelltended

    That worked perfectly, Rikard. Thanks so much for your help. You can close this ticket now.

    I really appreciate the help!

    Nikole

    January 24, 2021 at 4:57 pm #1275082
    Victoria

    Hi bewelltended,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Menu Item Hidden on Homepage Menu but Not on Other Site Pages’ is closed to new replies.