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

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

How to Find Keywords for Local SEO - First Place SEO
Jun 23 2025

How to Find Keywords for Local SEO

Learn how to find high-impact local SEO keywords for UK businesses using tools like Semrush, Keyword Planner, and competitor analysis techniques.

How Much Does Local SEO Cost - First Place SEO
Jun 19 2025

How Much Does Local SEO Cost in the UK?

Explore local SEO pricing in the UK, what services you get at each level, and how to choose the right package for your business with full transparency.

how to dominate local seo - First Place SEO
Jun 16 2025

How To Dominate Local SEO

Boost your local visibility with proven strategies to improve rankings, earn trust, and attract more customers in your area with First Place SEO.

How do you improve your chances of ranking in the Local SEO 3-Pack - First Place SEO (2)
Jun 12 2025

How do you improve your chances of ranking in the Local SEO 3-Pack

Learn what the Local SEO 3-Pack is, how it works, and how to rank in it. Improve visibility, get more calls, and grow your local business with expert SEO tips.

What local seo companies may not be telling you - First Place SEO
Jun 09 2025

What Local SEO Companies May Not Be Telling You

Find out what your local SEO agency might not be doing. Learn what matters for rankings, leads, and visibility with First Place SEO’s honest insights.

Which UK Local Directories are best for seo - First Place SEO
Jun 05 2025

Which UK Local Directories Are The Best For SEO?

Learn which UK business directories matter most for SEO in 2025. Discover citation sites, schema tips, review platforms, and how First Place SEO can help improve your...
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.

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