Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1495775

    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

    #1495803

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.