• Is there a way to disable the menu-toggle that appears when the screen is below a certain width?

    I’m using the Twenty Twelve theme and everything looks just fine until my beautiful menu is transformed?

Viewing 7 replies - 1 through 7 (of 7 total)
  • I would like to see this also. I tried disabling the navigation.js and something in the header at the advice of other post I found. So far no luck.

    Me too – everything was fine and then all of a sudden menu toggle appears. have deleted things out of header.php and changed styles – still haven’t found the right solution.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re using a plugin that provides Custom CSS functionality or a Child Theme, use this CSS;

    @media screen and (max-width: 480px) {
     .main-small-navigation .menu {
      display: block;
     }
     .site-navigation h1.menu-toggle {
      display: none;
     }
    }

    didn’t work. menu still toggles

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this CSS instead;

    @media screen and (max-width: 680px) {
     .main-navigation div.nav-menu > ul {
      display: block;
     }
     .menu-toggle {
      display: none;
     }
    }

    More thorough answer found at https://www.ads-software.com/support/topic/twenty-twelve-remove-responsive-menu

    I was also trying to disable this menu-toggle when Andrew gave this good hint. In the css file, instead of adding a new max-width value, I’ve simply redefined the min-width value:

    @media screen and (min-width: 10px)

    It’s quite simple and works fine for me. Maybe it could help you.

    great! it works, tks to mavp and all the bunch of genius

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Disable menu-toggle in twenty twelve’ is closed to new replies.