FROM CACHE - en_header

Broklyyn Customization

12 0 5

Hello guys, I want to make my slider images appear on mobile different than in desktop. How can I do that? Basically it's one image but it looks good on desktop but not on mobile.

Replies 2 (2)
Shopify Partner
34744 3469 11334


sorry for any issue can you please share us store url 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
2485 584 573

Hi @Ahmedo,

You need to create a Slideshow that displays only for mobile. Means add an option, it will help you to display either on desktop, or on mobile.
Go to file sections > slideshow.liquid and add code: 
Code: {{ section.settings.display }}
And add code here: 

  "type": "select",
  "id": "display",
  "label": "Display on",
  "options": [
          "value": "",
          "label": "Desktop & Mobile"
          "value": "medium-down--hide",
          "label": "Desktop only"
          "value": "large--hide",
          "label": "Mobile only"
  "default": ""

Then you can show it with customized option: 
Hope it clear to you.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!