How to get a header right for mobile devices

I’ve given the header on this url css such as this:

.header-image .site-title a { float: none; min-height: auto; max-width: 100%; height: 185px; }

but the header is being cut off when being viewed in mobile devices such as this:

So how do I make this header view correctly in mobile devices?

Try starting with this:

@media (max-width: 1000px){
        background-size: 100% !important;

That will make the background image 100% width only on mobile (1000px or less)

1 Like


Works a treat!!!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.