Shopify Page Design Problem Mobile/Desktop

Esforja
Visitor
3 0 0

Hello, I am a new starter on Shopify and I am in the process of designing my first page, yet, since the desktop and mobile versions cannot be designed separately, I am stuck. 

I don't know what to do next. I was trying to set a nice image for my home page in 3:4 ratio but it looks terrible on the mobile version, and I can't see an option to choose a different image to be shown only on mobile either. 

This seemed completely ridiculous, so, I thought I might be missing something. Can you please help me? How can I separately design my page's mobile and desktop versions? 

Replies 4 (4)

suyash1
Shopify Partner
9432 1173 1515

@Esforja - check if your theme has an option to set mobile images for pages, you can check it in customize settings

 

else need to add 2 separate section, one for desk image ad one for mobile and hide one of them as per the need  

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
Esforja
Visitor
3 0 0

Hello, thank you for your reply. 

I don't think my theme has that option, it is Refresh, but I couldn't understand the alternative you recommended. Can you elaborate, please?

suyash1
Shopify Partner
9432 1173 1515

@Esforja - create 2 image sections, 1 for desktop image and second for mobile image. Add these both sections to the page you want, so now you have both images on this page. 
And then using the css, we can show/hide the section you want on the particular device view.

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
Esforja
Visitor
3 0 0

Oh, that's great. How can I do it? I also need to learn how to use CSS.