[Twenty Twelve theme] How to make the responsive menu appear earlier

  • Resolved Dan Jones

    (@danners2003)


    11 years, 2 months ago

    Hi,

    So I am wondering how to make the responsive menu on the twenty twelve theme appear earlier. It is currently at 600px but I need it to come up at about 850px.

    By responsive menu I mean that H3.menu-toggle menu for phones it has built in.

    All the best

    Dan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a Custom CSS plugin or Child Theme to hold the CSS modification?

    Thread Starter Dan Jones

    (@danners2003)

    Yeah, I have created a child theme mate.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Child Theme style.css file (at the bottom) add this:

    @media screen and (min-width: 600px) {
 .menu-toggle { display: inline-block; }

 .main-navigation ul.nav-menu,
 .main-navigation div.nav-menu > ul { display: none !important; }
}

@media screen and (min-width: 800px) {
 .menu-toggle { display: none; }

 .main-navigation ul.nav-menu,
 .main-navigation div.nav-menu > ul { display: block !important; }
}

    Thread Starter Dan Jones

    (@danners2003)

    Brilliant! Thank you!!! Had to change it to suit my site but that was perfect help.

    Thanks Andrew ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Twenty Twelve theme] How to make the responsive menu appear earlier’ is closed to new replies.