Remove white gap under header

[LauraJJ]

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 🙂

[benvanlooy]

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)

[LauraJJ]

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? 

[benvanlooy]

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

[benvanlooy · Accepted solution]

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 🙂

[MKaranam1]

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.

[benvanlooy]

@MKaranam1 

I just replied to your DM with the solution 😉

[LauraJJ]

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? 

[benvanlooy]

You're very welcome 🙂

Be sure to mark the answer as solution 😉

[LauraJJ]

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!