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.

Customize Masthead

Open 1 reply generalpremium
suzabella
10 years ago · Last reply by Magus 10 years ago

Hi,
Can anyone help me figure out how to add an image to the header background?
I wasn’t sure what “Masthead” means, but this is what I tried: (and doesn’t work, no image appears)

Dashboard:
Appearance > Customize > Theme Design > Page > Masthead Background Image
When I select an image, it doesn’t show up anywhere.
I am using the Vantage home page layout with the slider and 3 column/images & text below.

My goal: to try to add a background image to the top nav header bar.

Thank you,
Suzabelle

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Magus Staff 10 years, 8 months ago

    Hi Suzabella

    The masthead background image is used when you are using the default masthead layout. The image is not being shown because you are using the logo in menu option.

    To add a background image you will need to add some custom CSS. Please navigate to Appearance->Custom CSS and add the following

    .menu-menu-1-container{
  background-image: url("full path/to your/image");
}

    You will need to replace the URL contents with the full path to the image you want to use. To find this please navigate to Media and click on the image you will be using. In the Meta box on the right hand side will be the full URL.
    Copy this and paste it between the quotation marks in the CSS.

    Let us know how you get on

    Magus

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