Support » Theme: Storefront » Logo is not centered on mobile

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi wonderingwhere,

    Here’s a little trick to center absolute positioned elements:

    `.site-header .site-logo-anchor {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    }`

    This should keep the logo centered both on mobile devices and desktop browsers.

    I hope this helps 🙂
    – Maria Antonietta

    Hi Maria Antonietta,

    That worked! I had to adjust the 50% to 57% and it is now centered on all devices.

    Thank you!

    Great, you’re welcome 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo is not centered on mobile’ is closed to new replies.