How to Remove Blank Space from the Header

Last Updated on

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

In this article

Removing blank space

Go to the page where you have the blank space.

Click 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

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

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

Stick Template Remove Blank Space

Enable 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:

From WordPress left menu, go to Theme Options > Advanced > Custom CSS.
Copy 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;

Save the settings.

Another way to remove blank space from all pages is:

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

Save the settings.
Note: If you have issues removing the blank space from the header, open a ticket in our helpdesk.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket