Enfold 4.5, WordPress 4.98 with WPML Plugin.
1st Question:
I want to reduce the distances between the Navigation points in the horizontal navigation.
Enfold switches correct to the “Burger Menue” at 990px but before that the font of the left navigation point (Einheiten /Units) already moves into the logo on the left if i reduce the windows size from 1920 to 990px (I can’t shorten the titles and don’t want to use smaller fonts or reduce the size or position of the logo).
If this is not possible where i can change the value of 990 to maybe 1280 or similiar to switch earlier to the Burger Menue?
Any other idea is welcome!
2nd question:
The green underline at Mouseover of navigation points in the header menue seems to be too wide.
Its much wider than the titles in the pulldown of the submenues underneath .
I’m not a css code specialist.
Can you please tell me detailed where and how i can fix it.
Thank you very much!!!
Gerd
Hey paul24com,
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: 1160px) {
nav.main_menu, #menu-item-search {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you very much!!!! – switching to Burger Menue before moving into the logo works perfect now!!!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Submenu top border */
#top .av-main-nav li:hover > ul {
border-top: none;
}
Best regards,
Vinay