Have full screen width div, but line text up within div

[DavidBoggitt]

Sorry, I know that’s really poorly explained, but I can point to the site where I’m trying to acheive this.

It’s a Joomla website and an example page is here:

https://www.drb-holding2.co.uk/about/wise-monkey

Ideally, I’d like the page title div to be full-screen width. I have managed to do this (and have currently left it this way) with this CSS that I found on another site:

position: relative;
left: -50vw;
width: 100vw;
margin-left: 50%;

However, is it then possible to line up the h2 title text “About Wise Monkey Financial Coaching” with the rest of the content below? I’ve currently got some padding-left in (15vw) but of course, this isn’t perfect.

Sorry, I’m a real amateur about this and hoping for some help from the pros!

Many thanks,

Dave.

[Paulie_D]

Here

https://css-tricks.com/full-browser-width-bars/

Since this purely a bg color I’d suggest the pseudo-element method..seems to be ideal.

[DavidBoggitt]

Thanks – I’ll take a look and get back with any questions :)

[DavidBoggitt]

Looking great, thanks :)

https://www.drb-holding2.co.uk/about/wise-monkey

[Author]

Posts