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
34387 3443 11265


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
2402 567 556

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!