TwentyTwelve Nav Menu not hiding on

  • Resolved cdolan92

    (@cdolan92)


    10 years, 11 months ago

    Hello,

    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 🙁

    sequoiawaste.com/blog

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

    Charlie

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    At which widths are you having the issue?

    Thread Starter cdolan92

    (@cdolan92)

    10 years, 11 months ago

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    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?

    Thread Starter cdolan92

    (@cdolan92)

    10 years, 11 months ago

    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.