Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #364052


    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:

    Can you please advise:
    1. If 340px is ok
    2. how to make the menu not overlay over the logo?

    Many thanks,


    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,


    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.




    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,


    Many thanks Yigit,

    best regards,

    PS, you can close this thread now

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold logo size’ is closed to new replies.