Home>Support>SiteOrigin Hero and Menu bar

SiteOrigin Hero and Menu bar

By Margaret “Gosia” Jaszczynska, 7 years ago. Last reply by Alex S, 7 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Please help.
How to remove the space between the menu bar and SiteOrigin Hero. How to make the hero image as wide as the blocked menu bar (or default footer). Now it is narrower.

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

  1. 7 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Margaret,

    You can remove the spacing below the menu bar by disabling the Masthead Bottom Margin Page Setting. Please open your page in the editor and head over to the right and scroll down until you find the Page Settings box. Untick Masthead Bottom Margin.

    You can set a row as full width by opening the row by clicking the wrench icon above it. Head over to the row styles sidebar and open the Layout settings group. Set the Row Layout to Full Width Stretched.

  2. 7 years, 11 months ago Margaret “Gosia” Jaszczynska

    Hi Alex,
    Thanks for your help.
    I followed your instructions. First I disabled the Masthead Bottom Margin and it worked ok. There was no margin/no space but then I set the first row (just under the Masthead) as full width and there appeared space again under the Masthead (although it is unticked).

  3. 7 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Margaret,

    Do you have a public URL where we can take a look at what’s going on?

  4. 7 years, 11 months ago Margaret “Gosia” Jaszczynska

    Hi Alex,

    yes. I have: winton.at. Look at https://winton.at/englischkurse/

    There is this white space between masterhead and the hero image.

    By the way, I have another question: how to fix the logo space so that it doesn't disappear.

    Thanks for all your help.

    Margaret

  5. 7 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Margaret,

    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.

    .layout-boxed .panel-row-style {
	padding-top: 0;
	padding-bottom: 0;
}

    You might also need to install the SiteOrigin CSS Editor.

    By the way, I have another question: how to fix the logo space so that it doesn’t disappear.

    Unfortunately, this is happening as a result of the masthead layout you’ve selected. If you would like for the logo to always be visible you’ll need to move the logo to the menu. You can do this by navigating to WP AdminAppearanceCustomize, Theme SettingsLayout and setting the Masthead Layout to Logo in Menu.

    This will, however, change how the top of the page is structured overall.

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