Dear Enfold support,
I found out that our logo is colliding with the main menu when the with of the browser is less then 1200 PX. I tried to play with the .css *padding. Nothing seems to work. Also I searched here on the forums. Is there a workaround for this?
I have a fairly long main menu.
Thanks,
Alex
Hey Alex,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 1200px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}
Best regards,
Yigit
Hi,
You are welcome! :)
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 :)
Best regards,
Yigit