页脚后额外1px白线?

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) : enter image description here

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.