Responsive Layout Issue With Heading

Hello.

I’m having an issue where a heading is moving out of position when I change the page size. I want it to stay static like the asset above and below it. Here’s a video reference

Responsive Layout Issue?

I apologize if this has already been answered, I can’t find the post discussing this topic. Thank you


Here is my site Read-Only: Webflow - Copy of Copy of Leah Personal Training

Hi Leah,

The problem is the structure of the content blocks. Your headings, text, video’s etc, need to bij inside a container that is centered and has een max-width to make it responsive.

Advice is to first create one block that has de desired responsiveness. Like this:

section > container > content

Remove any margins on the element inside the container, because this makes that de element can’t naturally flow after resizing.

All these settings need to be set on auto, see attached screenshot:

Goodluck!

Kind regards,
Edwin

As a followup on my previous comment, i made two example blocks, also try to reuse class names, like section and container, so you only have set the css properties once.