This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Header not responsive on Vantage Child

Open 5 replies technicalthemetheme-vantage
designedbykey
10 years ago · Last reply by Support Assistants 10 years ago

I have a main header logo and a background image (1080 x 125) that is not displaying correctly on mobile. Only the left side of the masthead is showing. How can this be corrected? I’m using Vantage child them with menu below the slider.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Support Assistants 10 years, 2 months ago

    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.

  2. designedbykey 10 years, 2 months ago

    Any update?

  3. Support Assistants 10 years, 2 months ago

    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.

  4. designedbykey 10 years, 2 months ago

    I did and posted it privately.

  5. Support Assistants 10 years, 2 months ago

    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;
	}
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread