Hi,
on my site the menu is over the Logo if you make the windows smaller or see the website on mobile phone.
How can I change it?
The website is http://www.estallion.de
Hey Romanidse,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
You can adjust the exact screen size you want the break point at by changing the value 1024.
Best regards,
Rikard
Hello Rikard,
thank you for the answer, but this solution didn’t helped. The Menu is still over the Logo.
Hi Romanidse,
The thing is that the there is not enough room on mobile for the search, flags, menu and cart. You have the flags in the flyout menu and so we can hide them for mobile.
If this solution is ok with you, please disable css caching plugin so that we can test css better.
Best regards,
Victoria
hello Victoria. I’m sorry I totally forgot that I wrote you. Yes sure I will disable the BWP Minify. Yes The flags can be hidden.
Thank you.
Roman
Hi Roman,
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: 479px) {
.av-language-switch-item {
display: none;
}
.responsive .logo img {
width: 70%;
}
.responsive #top #wrap_all .container {
width: 95%;
max-width: 95%;
}
#header a.wpmenucart-contents.empty-wpmenucart-visible {
width: 65px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you Viktoria. Its working now.