Hello !
I'm running a blog, using a theme I customized myself, but I facing a weird issue on some pages of it. Homepage doesn't look affected, neither do regular pages. However, category pages are impacted by the issue.
My blog is here : http://www.salutparis.fr/decouvrir (it's a category page)
Screenshot of the footer (i placed the image over a gray background in photoshop so you can spot it easily) :
It seems actually happening only on category pages, you can reproduce it on different browsers (tried on desktop and mobile Chrome, Edge...).
With my limited CSS knowledge, I just can't pinpoint the issue. There is no extra margin here, no extra border, nothing. Actually hiding the whole footer div with display: none and changing the body's background color to black still shows this extra 1px white line, after the body ! Is this a browser bug ? (probably not)
Any smart idea on this issue ?!
after searching for a long time i found your issue, you have a div with a class screen-reader-text
which is positioned absolute with a height of 1px, that is the reason for your line at the bottom, i am not sure what you use it for, i just tried display:none;
and it works. Hope you can fix it.