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.

Masthead Background Image

Open 3 replies premiumthemetheme-vantage
lolo143
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 10 months ago

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

  2. lolo143 10 years, 10 months ago

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

  3. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread