Home>Support>Remove White Space Above SiteOrigin Hero on homepage?

Remove White Space Above SiteOrigin Hero on homepage?

Hi there, I have seen threads similar to this and am facing the same problem. On our homepage, there is a small whitespace in between our menu bar and our header image (SiteOrigin Hero). We used a pre-built layout to build the home page, and there was no white space in the preview, but once we built our page the white space appeared. Is this white space removable? Thanks!

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 days, 9 hours ago Andrew Misplon Hi, I Work Here

    Hi Aragonresearch

    Thanks for reaching out.

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

  2. 9 days, 8 hours ago aragonresearch

    Hi Andrew, yes, https://aragonresearch.com/

  3. 9 days, 5 hours ago Andrew Misplon Hi, I Work Here

    Thanks. To remove the top content padding on the home (the theme adds this which is why it’s different in each of these similar threads), you can add to AppearanceCustom CSS if you’re using SiteOrigin CSS or CustomizeAdditional CSS:

    .home #content {
    padding-top: 0;

    Alternatively, you can check your theme’s documentation to see if a top padding page setting is provided. We have a setting like this in some of our themes allowing the space below the menu to be removed.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More