Community forum for knowledge and support

Updated last year

How to Remove the Line Above the Navbar When Scrolling Up

At a glance

A community member is experiencing an issue with a line appearing above the navbar when scrolling up on a website. The community members have tried various suggestions, such as adding a background color, using padding instead of margin, and changing the height value, but the issue persists. The community members have also tried removing elements from the page, but the issue still remains. There is no explicitly marked answer in the comments.

Useful resources
M
J
10 comments

yeah you just have to make sure the section has a background color. Use padding instead of margin if its the top of the page.

Hey I've added a background color but it still doesn't work? Not sure what you mean about margin at the top either..?

I was just judging by the screenshot sent and making a guess.

I saw the bug for a split second but since then I have not been able to reproduce that issue.

It keeps happening for me across all my devices - any idea?

can you try changing this value to 75DVH - just type that in the height field and test it out. Hard for me to test since its not a webflow designer issue.

I do see the issue on my actual phone.

otherwise, the other option would be to transfer the positioning styles from the navbar component/element to its own div that is wrapping your current navbar component.

Given it a go but still doesn't work?

I would start removing elements from your hero or site until the issue stops. Like if you sent me a duplicate of this site right now (which you can if you want, just DM me for my webflow email) - the first thing I would do is just cut out the navbar entirely and publish to see if the issue persists. And if it doesn't then I know its the navbar that's causing it. If the issue does still persist then I will continue down the page, removing things, until it is no longer an issue. I would start with that.

I just checked 2 of my client sites where I've used this exact component, and neither of that issue on it, on my phone.

Hey Matt, so sorry to be a pain on this! I removed everything and it still shows the line annoyingly.. I've used this element on another site before and it had the same issue but the client didn't mine - with this site the clients a bit more particular so really need to get it sorted if possible

Add a reply
Sign up and join the conversation on Slack