Find The Right SEO Service For Your Business

We cover the full spectrum of SEO services from local SEO to international SEO. Choose the SEO service right for you and call us today for a free confidential chat about your digital marketing.

SEO Services →

Digital Marketing Service →

Digital PR Service →

Ecommerce SEO →

Organic SEO Services →

Image Optimisation →

URL Structure Optimisation →

Internal Linking →

Page Speed Optimisation →

User Experience Optimisation →

Free SEO Audit

Find out why your website isn't ranking on the top of Google and what actionable steps you can take, with our free no obligation SEO audit.

Free SEO Audit →

Get Rid of White Space Under Header

By Paul - SEO Consultant
Categories: Divi

Are you frustrated by unsightly white space under the header when using the Divi theme?

Is this spacing issue throwing off the visual balance of your website? Is it just appearing on mobile, or across all devices? 

If so, follow this quick and straightforward fix to eliminate the white space under the header in Divi, ensuring your site looks polished and professional.

Easy Solution on How to Fix White Space Under Header in Divi

 

The fix that seems to get rid of white space under header in Divi nearly every time is to go to your backend on word press and click Divi, then Theme Options then scroll down to custom CSS and copy and paste this CSS code and click save.then clear your cache to see the changes. (I’ve attached a screenshot at the bottom of this quick “how to article”. So if your still lost have a look at the image)

@media all and (max-width: 768px){
div#page-container{
margin-top: -2px !important;
}
}

 Change the negative margin or the max width to suit your needs and good luck with the success of your website. 

 Other ways that can eliminate the white space under the header are as follows; 

Navigate to the Divi Theme Customizer by accessing Appearance > Customize in your WordPress dashboard. Once you’re in, here’s a simple tweak you can apply:

In the Header & Navigation section, find the Header Format settings. If the current format of your header introduces extra space (like some vertical headers might), consider changing it to a more traditional horizontal layout.

Next, adjust the Header Padding settings within the same section. Set the top and bottom padding values to 0px. This should snugly align the header with the content below, eliminating any unwanted space.

Additional CSS for Precision

If the white space still lingers, it’s time to dive into the Additional CSS section of the customizer. Look for any CSS entries that might be adding margin or padding around the header (header, #main-header, .et_pb_section). Modify these values as needed—often, setting margins to 0 can resolve unexpected spacing.

Preview, Publish, and Perfect

Utilize the live preview feature to instantly see the effects of your changes. If the header now looks as expected, without any white space, hit Publish to apply the changes across your site.

Don’t Forget to Clear the Cache

To ensure all your visitors see the update without delay, clear any cache that might be in place, whether from a plugin or your web hosting service.

By following these steps, you can swiftly fix the white space under the header in your Divi theme, enhancing the overall aesthetic of your site. If you ever need more help with website design, technical tweaks, or if you have other questions about using Divi, don’t hesitate to reach out for professional advice!

If none of that works then your screwed…. 🙂 only joking, there is a work around by adding a shadow to the bottom of your header to mask the white space underneath if. You can pick the colour of the shadow and its intensity so your website can still look professional with a unique header and shadow. Good luck and keep positive. 

Get Rid of White Space Under Header - Divi
Tags:

First Place SEO, International House, 4 Maddox St, London W1S 1QP

02071128794

First Place SEO Agency London

What Is a Local SEO Company - First Place SEO
Jun 02 2025

What Is a Local SEO Company?

Learn how a local SEO company helps UK businesses boost visibility in local search. Discover expert tips on Google Business Profile, citations, reviews, and local...
what is enterprise local seo - First Place SEO
May 29 2025

What Is Enterprise Local SEO?

Learn how Enterprise Local SEO helps multi-location businesses grow with scalable tactics, Google Business Profile management, review strategies, and local ranking...
How to Create Content for Local Landing Pages for SEO - First Place SEO
May 26 2025

How to Create Content for Local Landing Pages for SEO

Learn how to create optimised local landing page content that ranks and converts. Get tips on structure, SEO strategy, conversion tactics and more.

10 Powerful Ways to Increase Local SEO - First Place SEO
May 23 2025

10 Powerful Ways to Increase Local SEO

Learn how to improve your local SEO in 2025 with proven tips for UK businesses. Boost your rankings with keywords, reviews, schema markup, and map visibility.

Where Can Local SEO Take Me - First Place SEO
May 22 2025

Where Can Local SEO Take Me?

Learn how local SEO helps UK businesses rank for “near me” searches, attract local customers, and grow visibility with trusted strategies.

what is ranking for neighbourhoods local seo - First Place SEO
May 21 2025

How to Rank for Neighbourhoods With Local SEO

Learn how to rank in neighbourhood search results with UK-focused Local SEO strategies. Boost your visibility, relevance, and traffic in specific areas.

Why NAP Is Important For Local SEO - First Place SEO
May 20 2025

Why NAP Is Important For Local SEO

Improve your local SEO rankings with consistent NAP. Learn how accurate business info boosts search visibility and trust with First Place SEO.

Is Doing Local SEO Worth it - First Place SEO
May 19 2025

Is Doing Local SEO Worth It In The UK?

Find out why local SEO still works in 2025. Learn how UK businesses use Google Business Profile, reviews, and citations to grow with First Place SEO.

Local SEO for London Businesses - First Place SEO
May 18 2025

Local SEO for London Businesses

Boost your visibility in local London searches with this 2025 SEO guide. Learn how to optimise your website, Google profile, and content for local success.

Is Duplicate Content Bad for SEO - First Place SEO
May 17 2025

Is Duplicate Content Bad for SEO?

Find out how duplicate content affects SEO and what you can do to fix it. Practical tips for UK businesses using canonical tags, location pages and more.

Request a call back about your SEO

Fill out our enquiry form and we will be in touch.

Consent To Contact You Regarding Your Enquiry