Hi,
The menu is overlapping the logo so I tried to change the settings and change the break point.
I found the settings in the theme options and it only has two options…. 768 or 990!
With all the different menu lengths that websites require, this is quite restrictive!
Can you please tell me the CSS required to change the point in which the mobile kicks in and the main menu is removed?
Website is here: https://www.tauntondeanebusinessawards.co.uk/
Thank you.
Hey infosws,
Add the following to quick css:
@media only screen and (max-width: 1450px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
Best regards,
Jordan Shannon
Hi Jordan,
Thanks, that seems to have done it.
I wonder why this isn’t an option for users?
After seeing forum posts since 2015 about this issue, I thought it would of been addressed by now.
Thanks
Hi,
I believe because it’s impossible to guess the amount of possible variations with something like this so we choose the most popular sizes.
Best regards,
Jordan Shannon
Hi Jordan,
I can understand that, but why not use an input box that allows the user to define what they need?
I’ve seen this on other themes and they added this a long, long time ago.
Anyhow, its working like I need it to now.
Thanks again.
Hi,
We do offer a feature request if you would like to add that in https://kriesi.at/support/enfold-feature-requests/.
If you need addtitional help, please let us know here in the forums.
Best regards,
Jordan Shannon