Home>Support>Masthead Background Image

Masthead Background Image

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi Andrew,
one more thing for the Masthead image
the padding for the masthead background image “top” , “bottom” has to be 0 “(zero)
otherwise there is a big gap between the image and main Menu,

Regards
Stan

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, 3 months ago Andrew Misplon
    Hi, I Work Here

    Sure, let’s pick this question up here if possible: Thread: Masthead Background Image. Thanks.

  2. 10 years, 3 months ago lolo143

    hi andrew check the site stanleyseveres.com, for the masthead bg-image

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

    Thanks :)

    This is more or less what you’re looking for:

    header#masthead {
      background-repeat: no-repeat;
      background-size: 100%;
    }
    
    header#masthead .hgroup {
      padding-bottom: 0;
    }
    
    header#masthead .hgroup h1 {
      opacity: 0;
    }
    

    However we land up needing to make lots of little adjustments for mobile. Is there any chance you have that banner in layered format? Ideally what you’d do is cut the logo out and save it on a transparent background as a PNG. Add that to Appearance > Theme Settings > Logo and add the wakeboarder part of the image at Customize > Page. Then ping me here and I’d dive in again. That would make your setup a lot more flexible…and the logo would be clickable.

    Just an idea. If this isn’t possible, let me know and I’ll think of something else :)

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