This was a strange intermittent problem I was having on spellcastcottage.com (a website for a Harry Potter themed airbnb here in Ireland).

For months at a time there was no issue, then without any changes from me, the site logo began not scaling down to fit the screen width, creating an awful looking left/right scroll situation.

WordPress support didn’t offer any explanation but I’ve solved it with some simple CSS…

.custom-logo,
.site-header .logo {
max-width: 100% !important;
}

If you’re having the same problem, you can add this code by going to WP Admin > Appearance > Additional CSS. I imagine it could be an issue on other themes too, not just Exford.

Best wishes,
James