Hiding Menu Item on Mobile – Twenty Twelve Theme

  • Resolved MaryI

    (@maryi)


    9 years, 8 months ago

    Hi,

    I’m having trouble hiding the “Product & Services” menu item on mobile devices without hiding the submenu items associated with it. Here’s the code I used that didn’t work:

    @media screen and (max-width: 600px) {
    .nav-menu li#menu-item-366 { display: none; }
    .nav-menu ul.children { display-block: inline; }
    }

    website url => https://www.triresources.com

    I tried using Firefox developer tools but still couldn’t figure out how to do it.

    Thanks for your help.

Viewing 2 replies - 1 through 2 (of 2 total)

  • try to hide the link html tag (not widely tested; might not work in older browsers):

    @media screen and (max-width: 600px) {
.nav-menu li#menu-item-366 > a { display: none }
}
    Thread Starter MaryI

    (@maryi)

    That worked.

    Thanks alchymyth!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hiding Menu Item on Mobile – Twenty Twelve Theme’ is closed to new replies.