Hiding a specific menu on mobile


I am trying to hide a menu from a website, I was able to hide the mobile menu on desktop, however, for some reason I am unable to hide the desktop menu on mobile.

I have tried this:
@media screen and (max-width: 767px) {
#menu-item-80 {display: none !important;}

and I have tried this:
@media screen and (max-width: 767px) {
#site-navigation #menu-item-80 {display: none !important;}

and a lot of other options, none seems to be working,

I need to hide the "newsletter" menu and allow the m.newsletter to display on site: http://www.westgalil.org.il

Can you please help?

  • Rupok
    • Support Ninja

    Hi Fortunella74, hope you had a wonderful day.

    Can you please try this instead?

    @media screen and (max-width: 767px) {
        .menu-item-80 {display: none !important;}

    It should work because in mobile menu, menu ID number is not defined in ID, rather its defined in class.

    Please let us know how it goes. If it doesn't work in the exact same way you want, please confirm. We will be glad to assist further.

    Have a nice day. Cheers!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.