Remove Responsive Design from Header Menu

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    10 years, 6 months ago

    First off, you have a syntax error in your style.css file: the media query at the very end is missing a closing right brace. You should also not be modifying any of the theme’s files. The next time you update the theme, your changes will be lost. Use a custom CSS plugin like Jetpack or Custom CSS Manager instead and add your overriding CSS that way.

    In your custom CSS plugin, add these two rules:

    #navigation .menu-toggle {
   display: none;
}
#navigation ul.menu {
   display: block;
}

    The first rule will prevent the hamburger menu from displaying and the second will always display the main nav menu.

    Thread Starter jackgmarch

    (@jackgmarch)

    10 years, 6 months ago

    In your custom CSS plugin, add these two rules:
    #navigation .menu-toggle {
    display: none;
    }
    #navigation ul.menu {
    display: block;
    }
    The first rule will prevent the hamburger menu from displaying and the second will always display the main nav menu.

    Thanks CrouchingBruin, perfect for the header menu!

    Any idea how to get the header smaller on mobile devices? I’d rather not have it completely hidden, it’s just a bad content experience if header + headline + ad = 150% of an iPhone 6 display height.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Remove Responsive Design from Header Menu’ is closed to new replies.