[Resolved] Header not centered on larger screen size

Home Forums Support [Resolved] Header not centered on larger screen size

Home Forums Support Header not centered on larger screen size

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2357596
    Oskar

    I’ve created a transparent header with a header element set on merge. However on larger screens the header is not centered. It’s a contained header. On larger screens it shows on the left while the rest of the site is centered. Can you please help me to get this centered. You can see the site here: https://www.seaside-collective.com/stg_cc1dc/

    #2358047
    Ying
    Staff
    Customer Support

    Hi Oskar,

    I’ve provided some CSS in your other topic, I’ll attach it here as well:

    Try change this CSS:

    .header-wrap .site-header {
        margin-left: 2%;
        margin-right: 2%;
    }

    to:

    .header-wrap .site-header {
        margin-left: auto;
        margin-right: auto;
    }
    @media (max-width: 2000px) {
        .header-wrap .site-header {
            max-width: 96%;
        }
    }
    #2358262
    Oskar

    Thanks Ying, that worked!

    #2359102
    Ying
    Staff
    Customer Support

    No problem 🙂

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