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

    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

    #364507

    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

    #364549

    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,

    #364938

    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

    #380550

    Many thanks Yigit,

    best regards,
    Peter

    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.