Hello friends 
I just uploaded my website, but my CSS is not loading correctly on mobile. It works perfectly on desktop and even when I use dev tools to simulate different screen sizes. However, when I open it on my phone, I notice issues like incorrect font sizes being applied or having to reload the page for the width to adjust properly to my phone’s screen size.
Here’s the link to the page: https://pflegeberatung-yavuz.netlify.app/
Any help would be greatly appreciated!
@Ayfer_Yavuz Unfortunately other community members aren’t going to be able to spot things like:
Which is because they have no ‘frame of reference’, they can’t possibly know how things ‘should look’.
You would need to point to the exact element on your site that you see an issue with.
Preferably you would provide comparison screenshots etc.
Regardless, what you’ve described is highly unlikely to be caused by hosting with Netlify.
So your best bet will be to debug it by replicating the issue locally.
On your own computer run 'precisely the same 'build command’ (not ‘develop command’) that you’re running on Netlify, then serve that output (with something like npx serve
).
Another thing you can try is resetting the zoom level on your browser, just in case you’ve accidentally zoomed in/out in one location.
1 Like