Stretch content to full browser width

Hi there,
I have a couple of pages on my website in which the content (including header and footer ) is not stretched to full browser width and they have a gap on the right hand side/you can scroll left-right. This causes the content to look not centred in the page.
http://purplealert.org.uk/get-involved/
http://purplealert.org.uk/how-to/

I can’t work out which setting is causing it.
Can you advise?
Thanks,
Tommy

Hi Tommy,

I just checked your site. To fix the issue, please add this line below to Customizer > additional CSS:

.elementor {
    width: 100%;
}

Best regards,
Awan

Hi Awan thank you ! Fixed now :slight_smile:

1 Like

Hi, I’m having the same problem on a site I’ve just started building: https://vikingtattoostudio.co.uk/ - all of the content is only covering the left two thirds or so of the screen, leaving a gap down the right hand side. Unfortunately the CSS fix above isn’t working to solve the problem, do you have any advice on getting the content centred please?
Thanks,
Eve

Hi Eve,

Have you tried to make it stretched from the Elementor settings? see this pic: