Header not responsive on Vantage Child

Hi Designedbykey

Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

Hi Designedbykey

Hopefully, you received our initial reply. To help with this challenge we’ll need to take a look at the site in question.

Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

Thanks for the update.

We didn’t receive the URL/private message but have run a log search and found your URL that way.

Private Snippet

The problem is that there is a fixed width being used in Custom CSS. Go to Appearance > Custom CSS and delete the following declaration:

with: 1080px;

To try assist with the customization you’ve added, you could add the following two new rules below #masthead.site-header in Custom CSS:

@media (max-width: 1000px) {
	#masthead.site-header {
	    background-size: 100%;
	}
}

@media (max-width: 700px) {
	#masthead.site-header {
		background-image: none;
	}
}