[Resolved] Sticky header alignment

Home Forums Support Sticky header alignment

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1346494
    Belinda White

    I need the logo to remain on the right for this site when you scroll and the sticky header appears. As you can see it changes to the left at the moment. So the logo and menu layout to remain the same for the sticky header.

    I have added this CSS, but makes no effect.

    .site-logo.sticky-logo {
    float: right !important;
    }

    .main-navigation.navigation-stick .navigation-logo {
    float: right;
    }

    .nav-aligned-center .main-navigation.navigation-stick {
    text-align: left;
    }

    The site is a local development, however, you can use this link to view.

    f2adc679d4ec.ngrok.io

    Thank you

    Belinda

    #1346671
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
        flex-direction: row-reverse;
    }
    .main-navigation.has-sticky-branding.navigation-stick .navigation-branding {
        margin-right: unset;
        margin-left: auto !important;
    }
    #1346683
    Belinda White

    Hi David,
    That worked perfectly, thank you.

    Belinda

    #1346829
    David
    Staff
    Customer Support

    Glad to hear that 🙂

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