WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] TwentyTwelve Nav Menu not hiding on (5 posts)

  1. cdolan92
    Member
    Posted 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

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    At which widths are you having the issue?

  3. cdolan92
    Member
    Posted 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

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 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?

  5. cdolan92
    Member
    Posted 11 months ago #

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

    Props to you!

Reply

You must log in to post.

About this Topic