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

Store Design
, ,
1

tinee_0-1737532722366.png
tinee_0-1737532722366.png1321Ă—786 205 KB

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

tinee_1-1737532759645.png
tinee_1-1737532759645.png275Ă—767 16.7 KB

https://bagsinthecitymanila.com/

Please help with this.

2

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

3

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