WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] TwentyTwelve Nav Menu not hiding on

[Resolved] TwentyTwelve Nav Menu not hiding on

  • 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)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    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

    @anevins

    Forum moderator

    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 ‘[Resolved] TwentyTwelve Nav Menu not hiding on’ is closed to new replies.
Skip to toolbar