Tagged: Ipad Menu, mobile menu
I wondered if you may be able to help me please with an issue I’m having with a mobile menu. I have created a website which features 2 menus – primary menu and secondary (shown in the top right hand corner). Here is the website:
http://27.121.64.167/~zpupqctj/
In the mobile menu settings I have selected Activate for SmartPhones and Tablets.
However, when I view it on an iPhone, only the secondary menu is displayed, the mobile primary menu is missing.
On an iPad in a horizontal position, the primary and secondary menus are shown
On an iPad in a portrait position, only the secondary menu is displayed, the mobile primary menu is missing
Here are screen shots of the above.
http://www.web4business.com.au/client-screenshots/
Thank you for your help.
Ivana
Hey Ivana!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#advanced_menu_toggle, #advanced_menu_hide {
background-color: #ffffff;
color: black;
border-color: black;
}
Currently all values are set to white
Cheers!
Yigit
Yes that worked! Thank you.
May I ask one more question please. I created an Advanced Layer Slider on the homepage
http://27.121.64.167/~zpupqctj/
and it has been sized to 84% which looks fine. However, there are grey lines above and below the slider which stretch out to the side of the slider. Is there any way I can remove them.
Thank you
Ivana
Hey!
Thank you for the update.
You can use this on Quick CSS or custom.css to remove the border line:
div#after_layer_slider_1 {
border-top: none !important;
}
Best regards,
Ismael
Thank you Ismael! I don’t know what I would do without you guys.
Cheers
Ivana