Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 5, 2026 at 1:33 pm #1495775
    elenagrassi

    Hello,
    I am working at restyling my homepage and I would like the header to appear with a white background and not transparent over the following color section. It does turn white when you scroll down, but I would like it white and not overlapping the photo right from the start. I cannot find a way to do it.
    Also, about the position of the logo and main menu, if I want a centered logo the only options in the backend are menu above or below the logo. Is there a way to position the menu on the same level of the logo, partly to the left and partly to the right, so that the whole thing is centered? I have seen that in some website (see this for instance: )
    Admin credentials attached.
    Thank you very much,
    Elena

    March 6, 2026 at 6:25 am #1495803
    Ismael

    Hey Elena,

    Thank you for the inquiry.

    Edit the page then try to set the Layout > Header visibility and transparency settings to No Transparency or Transparent & Glassy Header. To center the logo, please try this css code:

    #header_main .inner-container {
    display: flex;
    align-items: center;
    width: 100%;
}

#header_main .main_menu,
#header_main .av-main-nav-wrap,
#header_main .av-main-nav {
    display: contents;
}

#header_main .logo {
    order: 35;
    flex-shrink: 0;
    margin: 0 40px;
    transform: translate(10px, 10px);
}

#header_main .menu-item-top-level-1 { order: 10; margin-left: auto; }
#header_main .menu-item-top-level-2 { order: 20; }
#header_main .menu-item-top-level-3 { order: 30; }
#header_main .menu-item-top-level-4 { order: 40; }
#header_main .menu-item-top-level-5 { order: 50; }
#header_main .menu-item-top-level-6 { order: 60; margin-right: auto; }

#header_main .av-burger-menu-main {
    display: none;
}

    You may need to shorten the title of the “Cosa posso fare per te” menu item.

    Best regards,
    Ismael

    March 6, 2026 at 4:20 pm #1495821
    elenagrassi

    Hello Ismael,
    thank you for your help.
    I did manage to eliminate the transparency. I just did not know you could set that in the page itself.

    I added the css. It did center the menu, but not the logo, which remains on the left.
    Anything else I can try?

    Best regards,
    Elena

    March 8, 2026 at 11:44 am #1495846
    Mike

    Hi,
    Thanks for the login, I believe that this is the result that you wanted:
    qIeO2ou.md.png
    So I added this solution to your site, thanks to Guenni007.

    Best regards,
    Mike

    March 8, 2026 at 1:33 pm #1495855
    elenagrassi

    Hi Mike,
    that looks great thank you!
    I would only increase the padding just a little bit below/above the logo. Is that possible?

    Best regards,
    Elena

    March 8, 2026 at 1:38 pm #1495856
    Mike

    Hi,
    I adjusted a little, please clear your cache and check again.

    Best regards,
    Mike

    March 8, 2026 at 2:59 pm #1495860
    elenagrassi

    Hi Mike,
    well done. That’s fine, thank you.

    Best regards,
    Elena

    March 8, 2026 at 3:07 pm #1495861
    Mike

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing header background from transparent to white + logo and menu position’ is closed to new replies.