-
How can I make the menu bar appear on all mobile devices?
On iPad tablets everything works fine menus are there but on mobile phones the minimized menu button is always overlapping either with my title or Ads widget.http://www.360virtualtourist.com view my site on a mobile phone to the see the layout problem.
How did you solve the problem?
When I visit your site it works perfectly, but your menu is on a different place than mine on a mobile phone…Hi bennieb79,
Go to your Theme options then on the Layout Tab goto Edit Custom CSS and paste this:
#header input#s {
z-index: 0;
}#header {
position: relative;
padding-bottom: 30px;
}#access {
background: none;
}#access,
#access .nav-show,
#access a.nav-show:hover {
bottom: 10;
}#access .nav-show,
#access a.nav-show:hover {
top: initial;
left: 44%;
}#access:target .menu {
margin-top: 10;
}}
Hello mjamesf,
Thanks for your reply.
I’ve tried your solution and the menu moves to the right position except the first 2 menu links are not clickeble…I think the problem has to do with the slider I use.
The link to visit on mobile phone is http://www.ronlink.nl/Site .When i use the stock browser on android the menu does not work, the browsers chrome and firefox are reacting to the menu.
I hope someone has the solution to this.
Thanks in advance
Hello bennieb79,
Remove this on your custom CSS I think this is only applicable to my site because I have a big logo on top:
#header input#s {z-index: 0;}
#header { position: relative; padding-bottom: 30px;}
Regards,
James
http://www.360virtualtourist.com@ mjamesf
I came here to see if I could find out how to keep the mobile menu from being covered by the search form when it drops down, and you solved that problem for me… and gave me a better placement for the menu as well.
Thanks for sharing your knowledge!
By the way, here was the perfect settings for me:
#header input#s {
z-index: 0;
}
#header {
position: relative;
padding-bottom: 30px;
}
#access,
#access .nav-show,
#access a.nav-show:hover {
bottom: 10;
}
#access .nav-show,
#access a.nav-show:hover {
top: 2%;
left: 44%;
}
#access:target .menu {
margin-top: 40px;
}
}Hello All,
Thanks for your input. It is partionally a solution to my problem.
Menu placement is fine now. Only in mobile mode the links apearing on top of the slider are not clickable…
The link who are placed under the slider are working fine…
I think the solutions lays in the z-index but i’ve tried everything i know, and it did not worked.Hope you can help me.
Greetings Ben
Hi all is there a way for the search this site box to appear already open like it does on a mobile device on a desktop pc or tablet.
Currently i have to click the search option for the search box to appear, would like it to be already open when you view site.
Thanks
Gary
I can’t make the mobile menu appear at all and I can’t figure out what is blocking it from working…
Its so frustrating. I’m helpless and I have tried disabling a number of plugins.
You must be logged in to reply to this topic.