Header logo cuts off on smaller screen smartphones

Tagged: cut off, header, logo, responsive

This topic has 2 replies, 2 voices, and was last updated 9 years, 9 months ago by Jaap.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
July 18, 2014 at 8:13 am #13118
Jaap
Customer
Hi,

Working on the site: tandartspraktijkparklaan.nl and the logo in the top left gets cut off on smaller screen smartphones. Did I mess something up in terms of uploading the logo? It does not seem to scale right.

Thanks for the help!
July 18, 2014 at 12:13 pm #13127
kronos
Customer
Try adding this in the appropriate responsive section of your css –
```
.header-image .site-title a {
    background-size: contain !important;
}
```
If it’s cutting off on mobile phones, then add it to the last responsive section (for iPhone, and other mobile devices).
July 18, 2014 at 10:37 pm #13138
Jaap
Customer
Awesome, worked like a charm…
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Header logo cuts off on smaller screen smartphones’ is closed to new replies.