页脚后额外1px白线？

Question

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 ?!

Answer 1

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.