Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 17, 2025 at 6:49 am #1490323
    oestersund

    Hi,

    Thank you for the inquiry.

    Dear TEam,
    you helped my just a minute ago to increase the header logo size

    Try to add this css code to increase the size of the logo image – see below. – thats fine

    But how to force the logo to be centered? I’ve chosen this option, but it keeps left-aligned

    Best regards
    Tilman
    ________________________________
    .html_header_top.html_logo_center .logo {
    left: 0;
    transform: none;
    }
    Result:

    Screenshot-2025-10-17-at-12-33-48-PM

    Best regards,
    Ismael

    October 17, 2025 at 6:54 am #1490324
    Ismael

    Hey!

    Thank you for the update.

    Try to remove the previous css code, then replace it with this css rule.

    .html_header_top.html_logo_center .logo {
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

html_header_top.html_logo_center .logo img, html_header_top.html_logo_center .logo svg {
    margin: 0 auto;
}

    Let us know the result.

    Regards,
    Ismael

    October 17, 2025 at 6:59 am #1490325
    oestersund

    Hey Ismael
    thx – unfortunately no effect

    best regards Tilman

    October 19, 2025 at 4:02 pm #1490373
    Mike

    Hi,
    Try adding this css:

    .html_header_top.html_logo_center .logo img {
    left: 50%;
    transform: translate(-50%, 0);
}

    After applying it, clear your browser cache & check.

    Best regards,
    Mike

    October 20, 2025 at 7:46 am #1490389
    oestersund

    Hi MIke,
    this CSS is already in there – but it stay left:

    .html_header_top.html_logo_center .logo {
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    }

    html_header_top.html_logo_center .logo img, html_header_top.html_logo_center .logo svg {
    margin: 0 auto;
    }

    best regards Tilman

    October 20, 2025 at 8:24 am #1490390
    Ismael

    Hi,

    The complete css code should look like:

    .html_header_top.html_logo_center .logo {
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

html_header_top.html_logo_center .logo img, html_header_top.html_logo_center .logo svg {
    margin: 0 auto;
}

.html_header_top.html_logo_center .logo img {
    left: 50%;
    transform: translate(-50%, 0);
}

    Please review the modification.

    Screenshot-2025-10-20-at-2-23-28-PM

    Best regards,
    Ismael

    October 20, 2025 at 8:44 am #1490392
    oestersund

    now :-)

    thx a lot & best regards

    Tilman

    October 20, 2025 at 9:25 am #1490393
    Guenni007

    PS : check your logo – i guess it is “Nutzfahrzeuge”

    October 20, 2025 at 9:58 am #1490395
    oestersund

    @guenni: stimmt, danke :-)

    @team: topic can can be closed

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘header logo not centered’ is closed to new replies.