Home>Support>Header image to sit above menu

Header image to sit above menu

By noni McCarthy, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I am building a small website currently, and the header image I am using is a PNG file with a transparent background. I would like this image to sit on top of the menu bar, in about the same position it is currently. Can this be done easily ? My coding skills are all but non existent, so it will need to be a simple fix.

Cheers Noni

URL: http://waratahhomesteadorganics.com

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

  1. 9 years, 11 months ago noni McCarthy

    Oops, I just read my post, I would like the PNG layer to be at the front of the stack so the green leaves can be seen.

  2. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Noni

    This isn’t easily possible.

    You could perhaps introduce opacity to the menu. To do that you’d paste the following under Appearance > Custom CSS:

    /* Vantage Menu Opacity */

.main-navigation {
background: rgba(143, 24, 49 ,0.3) !important;
}

    And change 0.3 to the opacity you require.

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