I can’t – for the life of me – figure out why this particular image is making the site wider, causing it to scroll…while the other images aren’t. This is most obvious in mobile view.
Note, the image is supposed to overflow into the above section but not supposed to make the site wider. Just like the pic in the section above.
Could anyone please a look at it?! Thank you!
Here is my site Read-Only: READ ONLY LINK]
(how to share your site Read-Only link)
Ok - so in case someone is interested this is how I solved it:
I still don’t know why some images - when set to overflow to either the left or right - cause the site to scroll, while others don’t.
I want some of the images to overlap into the above sections but not out on either side.
I couldn’t set the body to overflow:hidden because that was messing with my sticky navbar.
So I did, what now seem so obvious, and put all sections - except navbar and footer - into a div block that I set to overflow:hidden.
I have no idea whether this is an elegant solution or not. But it sure works.
Thank you! I had the same problem
You saved me soooo much time in trying to come up with a solution to overflow images, but yet still hide the horizontal scroll.