Responsive problems

Hello, I’m new to webflow!

I’m having problems making a responsive website, as for now the content and the footer keeps overlapping when making the browser window small. Any ideas what can cause this?

Public Link
https://webflow.com/design/beta-codedevotion?preview=316b07a1ea5bd1a5ffd5753d7ec013de

Can you please share your project’s public link so it’s easier to understand your issue?

Learn how to do it here: Share a read-only link | Webflow University

Sure thing!
https://webflow.com/design/beta-codedevotion?preview=316b07a1ea5bd1a5ffd5753d7ec013de

I don’t know what you mean by ‘overlapping’.

Your H1 overflows its block on lowest brekpoints. The text on the footer goes to next line on lowest breakpoints. The header doesn’t display at all for the last device, because it’s set to be not displayed. So there is no bugs here, you need to adapt manually certain things.

You need to adapt the size of your elements for each breakpoint for them to fit in your page/containers. Element that have a psecified size won’t be resized automatically. While in the designer, select the desired breakpoint and adapt elements size and position as desired. Any setting will affect the current device and the devices below it.

2 Likes