unwanted horizontal scrolling due to footer padding and margin
Hello, I am hoping that you can take a look at www.aparkforus.org. I want to have the footer extend all the way accross the screen. I accomplished this with:
border-top: 20px solid rgba(30, 84, 8, 0.5);
padding: 0 50%;
in my wordpress mantra child theme. This has the unintended effect of pushing the width of the page beyond the the width of the html element requiring a horizontal scroll bar to appear. Not good as my design has a border around the html element.
If I remove the footer margin and padding, then the footer remains the size of the wrapper div (1000px).
Is there any way around this within the css?
Thanks for your help.