Removing header height value

I’m working on a transparent header menu, which in itself works fine, but the height value of the header pushes my content down. When I enter my page it looks like I have a white header menu, but when I scroll it ‘transforms’ to being transparent. If I change the header height to 0px, my content rises to the top but the header itself vanishes. What code could bump my content to top, while keeping my header as is?

Thanks!

@tette_engage - can you please post a preview link so we may give you some code back?

http://www.prometheusone.io/-temporary-slug-d0b1517c-8f1a-4cc7-8606-748ccfc42b8c?hs_preview=uRfEWnnD-6144333362#collapse1

Sorry, forgot the link :slightly_smiling_face:

@tette_engage - you have an inline style on the div. You should be able to add this css to a stylesheet to override it:

.body-container-wrapper {
 margin-top: 0 !important;
}

If this answer helped, please, mark as solved :grinning_face_with_smiling_eyes:


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me on slack.

Wow, that was fast! Thanks a lot!

You’re welcome!