How to Remove Blank Space from the Header

Updated on January 14, 2019

If you a have problem with a blank space at the top of the website in the header section, please do as follows.

Removing blank space

1Go to the page where you have the blank space.

2Click on the pencil icon first in the Page Section shortcode of the page and set these options:

  • Set Padding Top to 0
  • Set Padding Bottom to 0
  • Set Margin Bottom to 0

3If you have the Edge Slider shortcode as your first element, please click on the pencil icon and enable the First Element option.

4Enable the Stick Template option under the Jupiter Page Options at the bottom of the page.

Stick Template Remove Blank Space

5Enable Override Global Settings under the Jupiter Styling Options section, and set options below as follows:

Transparent Header Remove Blank Space

Now you will have the extra blank space removed at the top of the page.

Removing blank space globally

It is possible to remove the blank space below header via custom CSS:

1From WordPress left menu, go to Theme Options > Advanced > Custom CSS.
2Copy the code below into the custom CSS field:

#theme-page .theme-page-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
#theme-page .theme-page-wrapper .theme-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;

3Save the settings.

Another way to remove blank space from all pages is:

1From WordPress left menu, go to Theme Options > Main Content >Layout & Backgrounds.
2Enable Stick Template option.

3Save the settings.
Did this answer your question?