Hi, can you please tell me how i can center the navigation bar? My bar consists of 2 navigation lines, the second one ist not centered; Thanks in advance! Juergen
Hey,
Sorry for the late reply!
Please add following code to Quick CSS in Enfold theme options > General Styling
.html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
display: flex;
flex-flow: wrap;
}
.av-main-nav li {
flex-grow: 1;
}
Best regards,
Yigit
Hi Yigit,
that worked out well – Thank you!
I have another problem as well now – whenever i shrink the browser window to a specific width, the navigation bar gets a third line and some buttons are in the layer-slider area. I´d like the mobile-menu show up at a defined browser width which i can define – for instance if the browser width is under “900px”.
Thanks in advance!
Juergen
Hi,
You are welcome :)
Please add following code to Quick CSS as well
/* Activate burger menu */
@media only screen and (max-width: 1040px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}
Best regards,
Yigit
As always – excellent support! THANK YOU!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit