Home>Support>White space between masthead and content needs to be smaller (Siteorigin North)

White space between masthead and content needs to be smaller (Siteorigin North)

By Jhumm, 7 years ago. Last reply by Alex S, 7 years ago.

Hi,

Running Siteorigin North version Version: 1.3.9

I have some unneeded whitespace between the header/masthead and rest of the site content at www.loisto.com (see https://imgur.com/a/OuRRk)

So far I’ve tried:

#kaislat {
  margin-top: 0 !important;
}

#main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.entry-header {
display: none !important;
}

#masthead {
  margin-top: 0 !important;
  margin-bottom: 0 !important; 
}


#content.site-content {
  padding: 0 !important;
  margin-top: 0 !important;
}

#primary.content-area {
  padding: 0 !important;
  margin-top: 0 !important;
}

#kaislat being the id of a whole Siteorigin Layout Builder that was used to achieve the parallax effect on two rows. Here’s a screenshot of the setup: https://imgur.com/LJ07r9i

It would be ok if there was a bit of a gap there, but currently it’s just too much.

Regards, Juho S.

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, 3 days ago Alex S
    Hi, I Work Here

    Hi Juho,

    This looks like the Masthead Bottom Margin Page Setting. You can disable this by opening the page in the editor and head over to the page settings box. Untick Masthead Bottom Margin and save. If you would like to disable this spacing site-wide, please add the following CSS:

    #masthead {
    margin-bottom: 0;
}

    If that doesn’t help, do you have a public URL where we can take a look at what’s going on?

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