Hello all,
My logo is overlapping with the menu in the header. How can I fix it? Is there an option or do I need to use quick css ?
Thank you in advance for your help!
Hey 805ITS,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
You can adjust 1024 to the pixel value of your choice.
Best regards,
Rikard
Thank you I have tried but it did not work..
Hi 805ITS,
Try to flush out the cache if you have a caching plugin.
If that doesn’t help, please give us a link to your site so we can inspect on it.
You can post the link to your site in private content, so it’s only visible to the moderators.
Best regards,
Nikko
No I don’t have a cache plugin. Here is the URL of my site below
Hi 805ITS,
The code Rikard gave doesn’t reflect on your site, can you try to disable temporarily the CSS file merging and compression in Enfold > Performance.
It should take effect on devices with screenwidth about 1024px (same as ipad in landscape mode).
Can you also set the font size of your main menu links to just 15-16px? 18px seems to big and overlaps with the logo.
Best regards,
Nikko
I have disable the css file merging and compression and it’s working now. Thank you for your help! :-)