Support » Themes and Templates » How to remove mobile menu from twenty twelve theme

  • I love twenty twelve theme. I built a child theme for it. But I do not like the mobile menu button that shows up when accessing it with a smaller screen, mobile device etc. Is there anyway to disable the mobile menu button so that the regular menu shows up and not the little square “menu” button?
    As many of you may know, when the menu button is clicked, it expands and goes vertical down the page and looks terrible. The buttons overlap each other and you cant see what they say. If there was a way to make it look exactly like the horizontal menu when clicked it would be ok, but I would just like it to be removed all together and not support this mobile menu button, especially since most mobiles now a day are smart phones or multimedia phones with good screens that can handle websites the way they are supposed to look on a desktop.
    So far, I have tried the following:
    removing contents of navigation.js All this did was make the buttons no longer expand, but the square grey “menu” button was still there.
    I then put the contents of navigation.js back and I tried
    opening up functions.php and removing this line:

    wp_enqueue_script( ‘twentytwelve-navigation’, get_template_directory_uri() . ‘/js/navigation.js’, array(), ‘1.0’, true );

    That didn’t work… all that did was the same thing as removing the scripts in navigation.js

    Then I tried finding any mention to the toggle.on in my main css file and commenting that out… that had no effect either.

    Then I tried to find out if I could figure out what script is telling twenty twelve that smalls screens are opening it so I could disable that… but couldn’t find that.

    Can anyone help me?

    My site is It is one of my clients sites that I have created.

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


    Forum moderator

    You shouldn’t be using a theme that’s built for mobile devices if you support this opinion, “Good screens that can handle websites the way they are supposed to look on a desktop” (in the context of the sentence).

    I asked this same question a few weeks ago, but got no answer. I did find a way to turn the button into a select menu. which I just left aligned and increased the size. My client preferred this to the button.

    Your not helping me by saying that Andrew. When I chose the theme I chose it because it was the default theme and it had a perfect layout for my client’s needs. Had I known the issues it was going to have I wouldn’t have chosen it but that is neither here nor there after having spent hundreds of hours on it can’t switch now.
    Thank you to dfrank90 for the great tip. 🙂

    Moderator Jose Castaneda



    You will want to be looking in the CSS not just the js. The CSS lines are 578-604. Part of that reason is that Twenty Twelve takes a mobile first approach so the bigger the screen is it overrides the smaller. 🙂 What you want to do is change the ul to select which can be done in the functions file with a filter. Hope that helps a little. 🙂

    Thank you Jose I will try that

    any luck on getting rid of this crazy menu toggle button?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove mobile menu from twenty twelve theme’ is closed to new replies.