search

yourduskquibbles / webannoyances

Fix and remove annoying web elements such as sticky headers, floating boxes, floating videos, dickbars, social share bars and other distracting elements.
Creative Commons Attribution Share Alike 4.0 International
1.3k stars 48 forks source link

lrb.co.uk #443

Closed Mennaruuk closed 2 years ago

Mennaruuk commented 2 years ago

URL(s) where the issue occurs

https://www.lrb.co.uk/the-paper/v43/n22/sophie-lewis/shebeen-queens

Describe the issue

Sticky header when scrolling up.

Screenshot(s)

image

Versions

Settings

N/A

Notes

Thanks!

yourduskquibbles commented 2 years ago

@Mennaruuk Thx for reporting! That was a fun one, lots of filters needed to keep sections in the header from flashing/shifting around/links clickable. Since there were so many needed, please let me know if you get a chance if everything seems to be working OK for you.

yourduskquibbles commented 2 years ago

Found issues when using site at phone size screen width...

yourduskquibbles commented 2 years ago

I think adding ##html:not(.toc-title-swapped) to the start of a few filters in https://github.com/yourduskquibbles/webannoyances/commit/22009d005e7f66ab79e149fdc142420ee35b8cda will fix the issues found with small screen width. Please test if you are able :)

Mennaruuk commented 2 years ago

THANK YOU! I tested it on PC, and it works well! How would I test on my iPhone? I have AdGuard, and I enabled WAU there, but the header still shows up when I scroll up.

yourduskquibbles commented 2 years ago

AdGuard on iphone can't do CSS changes, limitation of iOS/Safari unfortunately.

I primarily use firefox on desktop and I just check for responsive design changes by making the desktop window as narrow as possible (~400px wide). I find this is a pretty good way to check for how a site will appear on mobile if they are using responsive design practices.

You can also emulate android phones by using the page inspector on Chrome and click the button I drew an arrow to in screenshot below:

mobileemulate

You can't get iPhone Safari adguard experience with this method though, that I haven't found a great way to test other than on my phone.

yourduskquibbles commented 2 years ago

Closing as fixed since I think we're good on the actual issue at hand now :)