I just reinstated my site on Shopify after moving to a different platform. My site shows well on desktop view but the mobile view has large gaps and spaces every where. Can someone please tell me how to fix? Most of my customers shop from their phone.
My site is: www.TheHairGawds.com
@THG2013 Hi! It sounds like there may be some issues with the theme’s mobile responsiveness. To fix the large gaps, you can check the theme’s custom CSS and adjust the padding and margins specifically for mobile view. If you’re using custom sections or apps, they might also need tweaking
Site was customized by a graphic designer a few years ago that I can’t get a hold of. Unfortunately! Are you able to provide me with more detailed steps on how to resolve?
@THG2013 Hey To fix the large gaps on mobile view, start by going to Online Store > Themes in Shopify and click Actions > Edit code. Look for a file like theme.scss.liquid or theme.css.liquid in the Assets folder. You’ll need to adjust the CSS for mobile devices.
Thank you for your help and quick reply. I see the following options:
assets/theme-styles.css.liquid
assets/theme-styles.responsive.css.liquid
assets/theme-styles-setting.css.liquid
I’m not sure which one is correct or what I have to do once Ive selected the correct one.