I think >> @media only screen and (max-width: X) { .div { display: block;} } << could work, where X is the max width of a mobile display (I think 768px works well?) should be good.
maybe try visibility:hidden in addition to the display:none? thats what worked for doing the same thing on one of my sites
You need to add the meta tag to your head: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag (I can't post it here, it gets scrubbed from the comment, sorry ._.)
Also apologies if you got 20000 notifications from me deleting and writing the same comment
if anyone has any idea how to force literally any web browser to not save your css and never let you see edited versions. please lmk. or else allyratworld is officially dead lmaoo
i think that happened to me once, and i ended up having to make a new stylesheet and copy pasting the contents of the old one in there (and rerouting all the pages to the new one ofc). before that u can try pressing f5 to refresh the page while clearing the cache (at least that's how it is for me on firefox, might be different on chromium)? i'm srry this happened to u tho, it's rlly frustrating :/
it happened to me before on chrome so i moved to microsoft edge for seeing changes to my css and it workled for a good two years but suddenly its stopped working :'D Hopefully I can get it sorted
This happens to me and I have to load the css pages and refresh those making sure the changes show up
if you go in chrome history settings and clear your cache it might work? also viewing in an incognito window
Update!! I downloaded firefox and it doesn't have the problem so I'll use that now :D
Late, but I always Ctrl+Shift+R when refreshing (both Vivaldi [Chrome] and Firefox) — it refreshes and automatically clears the cache!
same here!!!!!!!!
aww aa thank you sm allyrat :+) ur too kind!!