Tagged: enfold, logo size, logo width
Hello,
Suggested logo width is 340px in the Theme Options.
However when I use the logo of this size it actually touches the menu.
And when I resize the browser window the menu slides over the logo rather than collapse.
See here: http://coelo.eu/paciorkiewicztest/wp/compositions/a-orchestral-works/
Can you please advise:
1. If 340px is ok
2. how to make the menu not overlay over the logo?
Many thanks,
Peter
Hi TheElear!
Thank you for using Enfold.
You can increase the Maximum Container Width on Enfold > General Layout > Dimensions panel. Since you have the flags added on the top header, you should probably remove the flags on the main menu. Use this on Quick CSS:
#header_main .lang-item {
display: none;
}
Make sure that the Header Mobile Menu activation on Enfold > Header panel is set to the second option.
Best regards,
Ismael
Hi Ismael,
I can remove flags by removing from the menu. This is not the problem.
The issue is if I have a lot of items in menu. How to prevent the menu from being displayed over the logo?
When the screen width is less than 990px (tablets) then the menu collapses.
But when you have a larger screen and a lot of stuff in the menu then the menu does not collapse but spills over the logo.
regards,
Hey!
Please add following code to Quick CSS
.av-main-nav > li > a { padding: 0 7px; }
@media only screen and (max-width: 1385px) and (min-width: 990px) {
.container { width: 96%; }}
Best regards,
Yigit
Many thanks Yigit,
best regards,
Peter
PS, you can close this thread now