# Remove white gap under header

**URL:** <https://community.hubspot.com/t/remove-white-gap-under-header/8051>\
**Category:** CMS Development\
**Created:** [March 7, 2018, 2:44pm UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051 "2018-03-07T14:44:18Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![LauraJJ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/laurajj/32/59606_2.png) [@LauraJJ](https://community.hubspot.com/u/LauraJJ)\
**Post date:** [March 7, 2018, 2:44pm UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/1 "2018-03-07T14:44:18Z")

</div>

Hi,

Could anyone please help with removing the white line/gap that is currently present on my landing page between the top banner and header. The white gap between the green banner and the image on the header.

I am not a designer so am struggling with the design manager.

Many thanks 🙂

 ![Screenshot 2018-03-07 at 14.40.20.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/1/61ca81cea6ddf9eaebf3764dc6a2fc9f4669ed51.jpeg)

---

<div class="post-metadata">

**Author:** ![benvanlooy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benvanlooy/32/98997_2.png) [@benvanlooy](https://community.hubspot.com/u/benvanlooy)\
**Post date:** [March 7, 2018, 9:57pm UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/2 "2018-03-07T21:57:49Z")

</div>

Hi Laura,

Can you post a link to your website? I’ll gladly have a look and see if I can help 🙂

(if you don’t want to share the link, just send me a message)

---

<div class="post-metadata">

**Author:** ![LauraJJ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/laurajj/32/59606_2.png) [@LauraJJ](https://community.hubspot.com/u/LauraJJ)\
**Post date:** [March 8, 2018, 9:00am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/3 "2018-03-08T09:00:25Z")

</div>

Hi Ben,

It’s a landing page i’m working on in Hubspot, if i send you the link to the said landing page on our Hubspot account will you be able to access it?

---

<div class="post-metadata">

**Author:** ![benvanlooy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benvanlooy/32/98997_2.png) [@benvanlooy](https://community.hubspot.com/u/benvanlooy)\
**Post date:** [March 8, 2018, 9:10am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/4 "2018-03-08T09:10:58Z")

</div>

I think if you send me a preview link I should see it? 🙂 Let’s try 😉

---

<div class="post-metadata">

**Author:** ![benvanlooy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benvanlooy/32/98997_2.png) [@benvanlooy](https://community.hubspot.com/u/benvanlooy)\
**Post date:** [March 8, 2018, 9:31am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/5 "2018-03-08T09:31:16Z")

</div>

Alright 🙂 Thanks for your message!

In your CSS file, search:

**.body-container .row-fluid .csm-image-wrap** {  
min-height: 144px;  
**margin-top: 125px;**  
background-size: cover;  
background-position: 50%;  
background-attachment: fixed;  
text-align: center;  
}

And now replace the margin-top value:

**margin-top: 112px;**

And voila, it should be gone 🙂

---

<div class="post-metadata">

**Author:** ![LauraJJ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/laurajj/32/59606_2.png) [@LauraJJ](https://community.hubspot.com/u/LauraJJ)\
**Post date:** [March 8, 2018, 9:38am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/6 "2018-03-08T09:38:49Z")

</div>

Hi Ben,

Thank you for your speedy reply! Silly question (I’m not a designer!) but where can i find the CSS file on the landing page?

---

<div class="post-metadata">

**Author:** ![LauraJJ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/laurajj/32/59606_2.png) [@LauraJJ](https://community.hubspot.com/u/LauraJJ)\
**Post date:** [March 8, 2018, 9:43am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/7 "2018-03-08T09:43:14Z")

</div>

Hi Ben,

Found it and your suggestion has fixed it! Thank you very much! Such a simple fix that i would never have worked out on my own!

Thanks!

---

<div class="post-metadata">

**Author:** ![benvanlooy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benvanlooy/32/98997_2.png) [@benvanlooy](https://community.hubspot.com/u/benvanlooy)\
**Post date:** [March 8, 2018, 9:43am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/8 "2018-03-08T09:43:45Z")

</div>

You’re very welcome 🙂

Be sure to mark the answer as solution 😉

---

<div class="post-metadata">

**Author:** ![MKaranam1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mkaranam1/32/51304_2.png) [@MKaranam1](https://community.hubspot.com/u/MKaranam1)\
**Post date:** [April 30, 2021, 3:46am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/9 "2021-04-30T03:46:53Z")

</div>

Hi,

Thanks, I have the same issue with my landing page(white space between banner and header logo).

I didn’t find the exact code of line in my CSS but I changed the ‘margin-top’ banner wrapper, which messed the header logo alignment(no space between top/start of the page and header logo). Please help me on this.

Appreciate your help on this.

---

<div class="post-metadata">

**Author:** ![benvanlooy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benvanlooy/32/98997_2.png) [@benvanlooy](https://community.hubspot.com/u/benvanlooy)\
**Post date:** [April 30, 2021, 6:55am UTC](https://community.hubspot.com/t/remove-white-gap-under-header/8051/10 "2021-04-30T06:55:16Z")

</div>

@MKaranam1

I just replied to your DM with the solution 😉