Support » Fixing WordPress » TwentyTwelve Nav Menu not hiding on

  • Resolved cdolan92



    Can anyone help me troubleshoot something? My blog is using a child TwentyTwenty theme, and its manubar is only partially responsive – its not longer hiding behind the ‘menu’ button on smaller screens, but each page link is staying no matter what, requiring users to scroll 1-2 screens just to begin reading content 🙁

    Anyone have some advice? I’m having a tough time pin pointing this one


Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Andrew Nevins


    At which widths are you having the issue?

    Every width under about 1440px – I use chrome usually, if you drag the window (rough mobile simulation!) to narrow the page you will see the “Menu” button will show up, but the links for the navigation bar never actually toggle on/off

    Moderator Andrew Nevins


    Remove the inline block style:

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    display: inline-block !important;
    text-align: center;
    width: 100%;

    Isn’t it already inline-block from the parent stylesheet?

    Thanks. I think i just copied it out of the Inspector in chrome while editing something :-/

    Props to you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘TwentyTwelve Nav Menu not hiding on’ is closed to new replies.