Home>Support>Gap between Header Image and Start of Page

Gap between Header Image and Start of Page

Hello,

I have tried building a page with Page Builder but when I set it there is a white gap between the header media and the start of the developed page. Are you able to assist in removing this gap?

See the following for an example, I used the set layout to test it:
https://wafflesandlamingtons.com/europe/

I also plan to remove the header media and hope to have the site menu located on top of the first row I put in with page builder. Is this possible? When I remove the header media, the menu sits in a white space above the first row.

Thanks,
Theo.

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

  1. 3 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Theo

    Thanks for reaching out.

    The gap is mostly made up of theme spacing. It might be worth checking theme documentation or asking theme support if there is a standard method of removing that space.

    You can add to Custom CSS or Additonal CSS or your child theme:

    .site-content.section {
    	padding-top: 0;
    }

    That will target all pages though. Here is how to prefix rules to target specific pages: Post: Unique Page Styling with Custom CSS Body Classes. Your theme might have a better method. For example, some SiteOrigin themes have a page level setting to remove the header margin.

    I don’t have an easy solution for your second question. Using Custom CSS, if able, you could overlap the header thereby keeping the existing menu. Alternatively, if you were to try do this with Page Builder you could use a plugin like Max Mega Menu which offers a widget that could be used in Page Builder.

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