#Css issues post launch

13 messages · Page 1 of 1 (latest)

stone quiver
#

Hey guys I have an issue my deployment , when I use normal safari or other browsers the css is all messed up but if I open up an incognito window it looks as it should, I’ve tested on my phone and my girlfriends phone and confirmed it

https://hyper-osint.vercel.app

This is the second deployment I’ve done that has had this issue as I thought my first one was just a fluke on my end , has anyone encountered this error that could help me fix it ? Below is screen grab showing in incognito first and then on normal browser

cyan spadeBOT
#

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

      🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in <id:customize>

      ✅ You can mark a message as the answer for your post with `Right click -> Apps -> Mark Solution`
      (if you don't see the option, try refreshing Discord with Ctrl + R)
stone quiver
#

On desktop everything looks fine it’s just a mobile issue

livid garnet
#

Looks good to me on mobile

#

most likely it's just an issue of caching or similar

#

clear your cache and start with a clean browser that has never accessed your app then it should work normally

stone quiver
#

So I actually found the issue while looking at caching settings in my safari settings , apparently apple sets the default page zoom to 125% in the safari settings (not sure if it’s true but I’ve never touched this setting) and when the page is set to 125% on mobile it causes the issue I had of css breaking , I’ll have to temporarily force page zoom to be 100% by default until I rework my css to be even more dynamic

I just don’t know how to force a default 100% and allow the user to expand if they’d like

livid garnet
#

oh yeah, can confirm if i set safari zoom to 125% then it does break your website yes

#

I'd say the only way you can solve it is to rewrite the css so that it works in all zoom levels

#

since this is controlled by the user, there is no way to force it

stone quiver
#

Figured , thank you so much @livid garnet