Header Responsiveness Issue

I’m not sure exactly what happened, but I can help figure it out.

Is it possible to create a temporary user/password so I can login and try a couple css adjustments? This would be the quickest way to figure it out.

Got it fixed on my end. Let me know if it shows up ok when you take a look.

First I added this to your site in the responsive section –

.site-title a {
		background-size: contain !important;
	}

Which is usually what I add when someone has a logo that is larger than the default width (around 360px). The code above is supposed to adjust and resize it when viewed in smaller browsers….but for some reason it wasn’t working on your site. So I made other adjustments to other areas of your site that dealt with the header/title area. After this I still didn’t see any difference. After a while I took a break, came back and everything was working. I’m guessing it was maybe a caching issue? Are you using any caching plugins? If so then updates can show up delayed sometimes (they’re usually instant). I’m not sure if that was it or not, but the code above is usually what I add for issues like this.

I also adjust the default title area width to whatever the size of the logo is if needed –

.title-area {
	font-family: "Open Sans",sans-serif;
	font-weight: 600;
	float: left;
	padding: 0;
	padding: 0;
	width: 360px;
}

Ok, thanks for getting back with me. I will try and make it to where that issue is less likely to happen in the next update. I wrote down a couple things I can do to improve on that section of the css. So I’ll get that out and a couple other updates out soon.