Mobile header issue

[colesmanagement]

Hi, I uploaded a logo for the website and the theme preview looks like this on 480px and smaller which is fine.

But, when I checked on it on my mobile phone, it actually looks like this and not as what the preview showed.

Can you please tell me why and advice what I need to do?

Thanks

[jade]

Hi there,

You may add some custom CSS to have the logo image display correctly on mobile.

Please try this code:

@media (max-width: 578px) {

    .x-brand {
        max-width: 275px;
    }

}

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

[colesmanagement]

@Jade Thanks, it worked!

[rad]

You’re most welcome!