Twenty Twelve menu-toggle broken

  • Resolved brobb71

    (@brobb71)


    8 years, 3 months ago

    Hi there!

    My site’s responsive menu-toggle shows a menu option on mobile devices but is not clickable. The ul doesn’t open up.

    https://cse.taylor.edu/

    I’m using a child theme of Twenty Twelve.

    I inherited this site from the previous developer, so he put in the original programming. As far as I know, the menu-toggle never worked even before I started working on the site.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Oh, yes, I’ve run into this. Compare the header.php of the updated 2012 theme to the one in your child theme. Look at the markup around the menu toggle. I believe it changed to a “button” (though my memory is hazy on this). In any case, compare the two files where the menu toggle is defined.

    Thread Starter brobb71

    (@brobb71)

    Oh, wow! Worked like a charm. Thanks, Steve!

    I just changed:

    <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>

    into

    <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>

    Oh wow, I ran into this problem just now and this solved it for me too. Thanks for saving me a crap-ton of time trying to figure it out on my own!

    Hello..

    Is it any idea how I can hide the mobile nav and show just normal desktop menu on any device?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Twelve menu-toggle broken’ is closed to new replies.