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 http://www.caninecar.com It is one of my clients sites that I have created.