Center the site logo

  • Resolved cetian

    (@cetian)


    4 years, 1 month ago

    How can I center the logo?

    With this

    .site-logo { 
width: 100%; 
text-align: center; 
}

    I was able to move the logo, but it’s tricky to know exactely where the center is.

    With the two following pieces of CSS, it did not work:

    .site-logo { 
width: 100%; 
text-align: center; 
}
    .site-branding {
    text-align: center;
}

    If this cannot be done, I would also be very happy with help putting an image on top of the homepage (a rectangular one), bellow the primary menu.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello there,

    Many thanks for reaching out.

    I can’t see a logo uploaded to the site? Are you referring to the menu?

    Many thanks in advance.

    Thread Starter cetian

    (@cetian)

    Hello,

    because we are already live, I had removed it.
    If you go there now, you will find it.

    But in about 10h I will have to remove it again, if it’s still misaligned.
    Thank you a lot for your help.

    here’s the logo:
    https://urbo.pt

    Hi there,

    You can use the following CSS which should do the trick:

    .site-header .site-branding {
    justify-self: center;
}
.site-header {
    grid-template-areas: "site-logo site-logo site-logo" "branding branding branding" "primary-navigation primary-navigation primary-navigation"
}

    Hope that helps!

    Thread Starter cetian

    (@cetian)

    @jerrysarcastic

    Worked perfectly, thank you so much Jerry.
    And thank you @aleone89 too.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center the site logo’ is closed to new replies.