Remove header

Hi Youssef,

You can change this with some custom CSS, a theme setting change and a row setting change. We’ll start with the row setting change. Please open your homepage, and then open the first row by clicking the wrench above it. Head over to the row styles sidebar and open layout settings group and set the padding to 0. Blank means default and not 0.

Then, navigate to WP AdminAppearanceTheme Settings Find and set the Masthead Layout to Logo In Menu.

Then navigate to WP AdminAppearanceCustom CSS, and add the following CSS:

.site-main {
  padding-top: 0 !important;
}

You might also need to install the SiteOrigin CSS Editor.

Hi Youssef,

Ah. Whoops. Please replace the previous CSS with the following CSS:

.site-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

Then also add the following CSS:

.site-header {
    display: none;
}

You’ll have to open that row that holds that hero widget and set the bottom margin to 0. To do this open up the row by clicking the wrench and then head over to the row styles sidebar. Open the layout group and set the bottom margin to 0.

Hi Youssef,

You need to apply the padding change to the row, not the widget.

I suspect your last image has margin spacing. Open up the row that houses the top most widget by clicking the wrench above the icon. Then head over to the row styles sidebar and open the theme settings group. Tick No Bottom Margin and save the page.