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.

Keep menu, get rid of the masthead bar

Open 1 reply customizationthemetheme-vantage
Jannik Meinecke
Started · Latest reply by Alex S

Hello,

I was wondering how to remove the masthead but keep the menu-navigation?

This is what I mean:
http://wordpress-27370-60046-183899.cloudwaysapps.com/

I don’t want the menu to sit on the white background but on the picture below it (and delete the white part).

How would I do that?

Appreciate you,

Jannik

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff

    Hi Jannik Meinecke

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .site-header {
	position: absolute;
	left: 0;
	right: 0;
}
.hgroup, .main-navigation {
	z-index: 400;
}
.main-navigation {
	background: none !important;
}
.site-main {
	padding: 0 35px !important
}

    If you wish to apply a sticky masthead background, please add (and adjsut):

    #sticky-container .main-navigation {
	background: rgba(52,53,56,.5) !important;
}

    To remove the shadow after the navigation when sticky, please add:

    .main-navigation.sticky:after {
	box-shadow: none;
}

    You might also need to install the SiteOrigin CSS Editor.

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