WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. cdolan92
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year ago #

    At which widths are you having the issue?

  3. cdolan92
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year ago #

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

    Props to you!

Topic Closed

This topic has been closed to new replies.

About this Topic