Div containing text extends to edge of screen

I have a hero section with page titles. The page titles have a div box with a colored background. The customer wants the color box to extend to the far left of the screen, but also keep the text contained within the width of the container. Similar to this, but without the slant: Expertise - About - TSX:MOZ | Marathon Gold.

Read-only link: Webflow - Signal Gold

Something like so?

Remove the left margin on the hero section
Add extra left margin on the text bg
And that’s it

AliSaeed,

Thanks for the quick response. I got the full bleed to work - I ended up setting the left margin of the textbg to -100VW so that it always hits the side, no matter how large the screen gets. But I’d ultimately like the text to remain inside the site’s container width like so, even when the window is resized:
e84a983520fb8a965f86c0ec9c6aeb07e0a3f4d3_2_690x431

1 Like

I made a loom. Check this out and see if it helps out

AliSaeed - Thanks that was exactly what I was trying to accomplish! Now to decide if I want to rebuild the whole site as a grid…

1 Like

Awesome! Let me know if you need anything