My site is not displaying properly on mobile view, please how can i fix it?

[tinee]

This is its desktop view, but once I head over to the mobile view, The elements and such are not displayed properly.  Aside from that, when I zoom in to over 150%, it also goes crazy and does not display properly in desktop view. T_T

https://bagsinthecitymanila.com/

Please help with this. 

[DaisyVo]

HI @tinee 

For example, the icon's code only has CSS for screens wider than 990px (see here: https://prnt.sc/HaSzrALIvFJm), but there is no CSS code for smaller screens (see here: https://prnt.sc/Udp0FTDYWa0S), which causes errors.

The theme name is "Refresh." Here are the screenshots of the code in the theme.liquid file:
https://prnt.sc/kYPn2eLe6bgn
https://prnt.sc/Tqg3PbXvn0u3

Please  check your theme code and verify whether all the necessary CSS files are included, as shown in the screenshots.

Best,

Daisy

[namphan · Accepted solution]

Hi @tinee,

I checked and it seems the base.css file is corrupted.

You can replace the entire code with the theme's default code.

I hope it helps you