Scaling the browser causes my content to move up?

Hi guys,

So with my site so far, whenever you load the page and the browser is pretty full width, it looks great, but as you scale the browser in, the header text sort of floats upwards and to the left, the smaller the browser gets. I want it to stay perfectly still no matter what size you make the browser. How can I achieve this?

I’ve tried setting the container element it’s in to ‘fixed’ position, but then it messes up the content below the header. Right now everything is static. also setting things to fixed for some reason makes it so I can’t scroll down.

Any ideas?

Thanks in advance.


Read Only Link : https://preview.webflow.com/preview/alexanders-sublime-project-8b35bf?utm_medium=preview_link&utm_source=dashboard&utm_content=alexanders-sublime-project-8b35bf&preview=6d3e4edcdad2be691c34e82615992d75&mode=preview

Published Site : https://alexanders-sublime-project-8b35bf.webflow.io/

Could you share a screenshot of the area you’re struggling with? The nav component that’s 100% is blocking your header content on my laptop. Is this the issue?

Hey Sarafrison,

I played around with positioning and I think I’ve found a solution that will work for now. Thanks for responding.

@AlexanderBiglane okay, good to know. Don’t be afraid to ask if you run in to issues in the future. That’s what we’re all here for.