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

Open 1 reply customization theme theme-north

8 years ago · Last reply by Alex S 8 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.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 4 months ago
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.