Remove white gap under header

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 :slightly_smiling_face:

Hi Laura,

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

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

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?

I think if you send me a preview link I should see it? :slightly_smiling_face: Let’s try :wink:

Alright :slightly_smiling_face: 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 :slightly_smiling_face:

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?

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!

You’re very welcome :slightly_smiling_face:

Be sure to mark the answer as solution :wink:

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.

@MKaranam1

I just replied to your DM with the solution :wink: