Home>Support>Masthead Background Image in Full Width

Masthead Background Image in Full Width

By levpoint, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hi,

I’m trying to get my Masthead Background Image to dynamically fill the entire screen on a Full Width Vantage Premium theme. I got the following custom CSS from a related thread, and pasted it into Appearance > Custom CSS, but it doesn’t seem to be working.

/* Masthead Background Image Cover */

header#masthead {
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Any help would be appreciated.

Thanks . . . Jeff

URL: http://levpoint.com/blog

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Jeff

    Thanks for running Vantage.

    Have you perhaps changed over to the Logo In Menu layout option since posting this? The above snippet applies to the regular masthead with a background image added via the Customizer.

  2. 10 years, 28 days ago levpoint

    Hi Andrew,

    I have switched for the moment, but would like the option to go to the full Masthead Background Image in the future, should I choose to implement sliders.

    Thanks . . . Jeff

  3. 10 years, 28 days ago Andrew Misplon
    Hi, I Work Here

    For sure. Let us at that stage and we can take another look at the masthead background image repeat challenge.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More