Pro Header - Logo not displaying properly on mobile

[Sarah_S]

Hi, I’m having an issue with my Pro Header on mobile screens. I would like the logo to display larger and be centered. It looks great on my tablet, it just looks funky when I test it on phone screens.

Site: http://thesarahsimpson.com/

Please advise. Thank you!

[basanta]

Hi There,

Thanks for writing in!
I can see one custom CSS is causing the issue.

you can overwrite please add this CSS to your theme option -> global CSS.

@media (max-width: 420px)
.header-logo img {
    width: 300px !important;
    margin: auto;
}

Hope this helps!

[Sarah_S]

It does - thanks!

[Alaa]

You are welcome