Hi
The smart phone menu toggle button doesn’t seem to be rendering or showing at
http://217.199.187.189/ringleywoodcraft.com/
See this screenshot
https://www.dropbox.com/s/656f1nza1o92m8l/Screenshot%202015-10-26%2014.57.09.png?dl=0
Hey codecreative,
It’s displaying fine on my end: http://imgur.com/wSC99Sh, what browser are you using to get this error?
Regards,
Rikard
Hi
It is on the ipad mini in chrome simulator
It seems to be just on ipad and ipad mini
The element is invisble.
On the iphones it renders fine
https://www.dropbox.com/s/aq0r98u3z5nsqov/Screenshot%202015-11-03%2011.54.21.png?dl=0
I can’t help but think this custom css provided by the enfold support forum has something to do with it
@media only screen and (max-width: 1100px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block!important; }
nav.main_menu { display: none!important; }
}
It shows a different custom css on mobile device
Hey!
Looks like you don’t have the latest version of the theme, 3.3.2. The update should fix mobile menu issue.
Cheers!
Ismael
hi this hasn’t fixed the issue.
It’s only on the ipad and ipad mini this is happening and my client has an ipad
See this screenshot
Ive highlighted both issues. One red box shows that the toggle button is missing. The other red box shows a strange issue that looks like the page is indented.
I’m not sure why the theme is doing this though please help ! :)
https://www.dropbox.com/s/ay7k2tl31wxknxr/Screenshot%202015-11-04%2018.32.28.png?dl=0
Hi!
We added this in the Quick CSS field:
@media screen and (max-width: 1200px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
Please check it now: http://217.199.187.189/ringleywoodcraft.com/
Regards,
Ismael