How do I fix specifically my mobile design with code?

Store Design
1

Hi, I’m a beginner coder and having a huge problem , I got the store looking decent on desktop, but on mobile some of the text is way too big, and spacings start getting messed up.

How would I go about coding specifically for the mobile only version? Any pointers or tips at all for a beginner?

For example if I want to add custom margin spacings or even photos that only appear on the mobile version?

here’s my store:

try-nellies-boutique.myshopify.com

password: lavishprintshop

Thank you so much

2

You have to take a look into Customize theme section and there you should be able to adjust settings to Desktop and Mobile Devices.
For the coding, I would recommend to check CSS “media” attribute. That would allow you to specify a certain device for which you are developing your store.
You can also reach me out to make changes on your store’s front.

1 Like