Twenty Twelve Mobile menu
-
Hey Guys,
I’ve built a site at http://www.allaboutpromo.com/blog, using a child theme through twenty twelve. I know its a template built for mobile, though id really rather not start again if possible…!
I was wondering if there is anyway to force the normal menu to appear on mobile, instead of the button which appears…
Thanks in advance!
-
Perhaps this thread will help http://wordpress.org/support/topic/twenty-twelve-remove-responsive-menu
Hey thanks Andrew!
the code in that thread worked a fine in my child theme style.css, though i need to tweak it so it displays horizontally if possible…
Any ideas?
Sure, try adding this:
.main-navigation li { float: left; }Thanks!
that helped too, though the ‘contact’ link is still appearing underneath the other three links
I tried playing around with the width, though i don’t know if i have the right idea or not?
Also add:
.main-navigation div.nav-menu > ul { min-width: 900px; }Still seems to be cutting off the width and putting contact underneath,
The border underneath the menu, and underneath the footer, both seem to end at the same point on mobile, dont know if that adds a clue of what it could be? Need me to upload a picture?
thanks man, really appreciate this!
First I can’t seem to find where you added the last bit of CSS, where was it added?
ahh sorry!
i just added it in underneath the previous code, that ok?
Where was the previous code added?
I put it in the Style.css child theme, underneath the code from the other thread.
.main-navigation li { float: left; } .main-navigation div.nav-menu > ul { min-width: 900px; }(hopefullly i posted that code right, i havent used this before…)
That’s fine, I just needed to see the code.
I see you have this:.main-navigation div.nav-menu > ul
It should be this:
.main-navigation div.nav-menu > ulSigh, I can’t post it, let me get a screenshot.
You have this: http://snag.gy/La50y.jpg
It should be this: http://snag.gy/Z9G5H.jpg
Look at the CSS in the toolbar of the screenshots.
hero!
Thanks for your help mate!
The topic ‘Twenty Twelve Mobile menu’ is closed to new replies.