Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 13, 2024 at 2:16 am #1434129
    February 13, 2024 at 8:59 am #1434155
    Ismael

    Hey fogelfish,

    Thank you for the inquiry.

    The theme automatically centers the logo vertically relative to header height, but if you need to adjust the vertical alignment, you can add this css code.

    .logo img, .logo svg {
    position: relative;
    top: 100px;
}

.logo, .logo a {
    overflow: visible;
}

    Adjust the value of the top property as you wish.

    Best regards,
    Ismael

    February 13, 2024 at 11:27 pm #1434229
    fogelfish
    This reply has been marked as private.
    February 15, 2024 at 2:03 pm #1434411
    Ismael

    Hi,

    Thank you for the update.

    We made slight adjustments to the css code so that it also takes into account the top position of the logo when the header has shrunk or when scrolling. Please use this updated css code instead.

    .logo img, .logo svg {
  top: 15px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
  top: auto;
}

    Best regards,
    Ismael

    February 15, 2024 at 11:35 pm #1434451
    fogelfish

    This works in pages where I’ve disabled transparency in the header, which is fine for my purposes. Thanks.

    February 16, 2024 at 12:35 pm #1434496
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    February 16, 2024 at 10:22 pm #1434544
    fogelfish

    Please close it

    February 17, 2024 at 11:29 am #1434562
    Rikard

    Hi,

    Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘vertically center logo in header’ is closed to new replies.