Kameron B Kameron B - 2 months ago 16
CSS Question

blank space on right side of website, culprit is not visible

My website has blank space to the right of it almost as if a margin was added to the site. You can view it for yourself here: themosquitolegs.com The site content stretches 100% across the site and looks good, but if you scroll to the right you will see the space whether you are on a desktop or mobile.

This is such an age old question which I have also encountered in the past, but in this specific scenario, I can not seem to figure out what is causing the extra space and or why it behaves the way it does.

Thanks for any suggestions!

Answer Source

This block of code is causing the issue:

.hentry:after {
background: rgba(0,0,0,0);
display: block;
position: relative;
left: -5.1%;
width: 110.2%;
height: 1px;
}

Set the width to 100% or less. Good luck!