Hello all,
I am working on a website isthisjohnny.com and want my menu above my logo. In addition, the menu must be aligned over the full width. In addition, there should also be a bar above the menu, perhaps in a widget?
The menu layout should look like https://cargo.site/Templates#writersretreat.
I’ve used this code but then a burger menu appears:
ul#avia-menu {
text-align: justify;
min-width: 500px;
width: 100%;
}
ul#avia-menu:after {
content: '';
display: inline-block;
width: 100%;
}
ul#avia-menu li {
display: inline-block;
float: none;
}
I have not been able to find a script in the support forum, my knowledge does not go that far.
I hope someone can help me, thank you in advance!
Dave
In the meantime, I have managed almost everything! The only thing I run into is that I don’t need the burger icon on the desktop.
Hi Dave,
Thanks for the update. You can set the behaviour of the burger menu under Enfold->Main Menu->General.
Best regards,
Rikard
Hi Rikard,
Thanks for your reply!
I knew this but unfortunately this does not work. It has to do with the code I have above I suspect.
Best regards,
Dave
Hi Dave,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) {
li.av-burger-menu-main {
display: none;
}
}
Best regards,
Rikard
Thank you Rikard,
That solved the problem!
Hi,
Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can close this topic, thanks!
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon