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.

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

Padding to zero Remove Blank Space

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

First Element Remove Blank Space

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 removed the extra blank space 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.
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