Header image not centered on mobile

[ad_1]

Thank you for reaching out to us!

I need more information. Could you provide a screenshot to your site’s header in your phone?

You could use a free file sharing service to host your screenshot file and share its public link in your reply.

I hope this works. I used We Transfer file share. https://we.tl/XVVOR4Ye87

It just shows that the logo/header image Sydney Jane Baily is off to the right. Thanks, Sydney

Hi,

Thank you for getting back along with requested screenshot.

I just noticed that longer logo image needs additional CSS code to fix responsiveness issue.

Add this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

@media (max-width: 560px) {
  .site-header .site-logo {
    max-height: none;
    max-width: 100%;
  }
}

Wow! Thank you. It’s perfect.