Hi
When I view my site on an iphone and select the menu button, if I select various pages on that menu when I press that option it disappears to a white space.
For example if you go on my site on mobile device westcoasthammocks.com.au and select the menu button (three horizontal white bars on top of each other). You will see the menu options listed
Home
About
Hammocks
If I select/tap ‘About’ it opens that sub menu but ‘About’ turns completely white.
Again if I select ‘About Us’ from the sub menu while that page is loading ‘About Us’ turns completely white.
I am wondering if there is a way to change the text colour when the menu option is selected rather than the whole field turning white?
Many thanks
Hey keifygeorge,
The menu on iPad does not turn to the burger in portrait mode. Is that intentional?
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
color: #000;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi
I don’t know what you mean by ‘does not turn to burger’?
Hi,
Victoria is referring to the main menu, the default should main menu items are showing on desktop but on ipad portrait mode and mobile, those menu items are hidden and a burger menu is shown (looks like 3 lines).
Best regards,
Nikko
OK it wasn’t intentional. However this does not relate to my question about the menu item turning white when it is selected.
Hi keifygeorge,
Did the css help to solve your original issue?
Best regards,
Victoria