Hi guys,
Has anyone has trouble with the menu layout when reducing down and going into mobile sizes?
When I reduce the screen size the menu items overlap the header logo. Then going onto a mobile device I still get the menu options AND the expected menu button I’m assuming the normal menu options should disappear in favour of the expandable menu button?
any help with this would be great.
cheers
Martyn
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1240px) and (min-width: 990px) {
#header_main .container {
padding: 0;
}
.av-main-nav > li > a {
padding: 0 7px;
}}
@media only screen and (max-width: 990px) {
nav.main_menu { display: none !important; }}
Best regards,
Yigit
Thank you ! That works a treat.
Hi!
You are welcome, we are always happy to help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit
