How can I show different row content in the collapsible row for desktop and mobile dawn theme

[JordiP]

Hello,

I have connected a page where I have uploaded a gif for the colapsible row content, however I would like to connect another page/have another gif displayed for mobile view as the current gif it is only compatible on desktop, and looks bad on mobile.

 (This is the specific gif on desktop ^)

 

 (This is on mobile view ^, I would like to be able to connect another source for the row content)

Store: https://bb9f8c-ac.myshopify.com/en

Pass: pongia

[PaulMartin]

Hi Jordi,

To have another gif available just for mobile, your theme's code needs to be changed. Currently, it's going to look like:

show the gif from the settings

settings:
1 gif available

It currently functions like that. It needs to be changed into:

if the user is using desktop
- show the desktop gif from the settings
if the user is using mobile
- show the mobile gif from the settings

settings:
1 desktop gif available
1 mobile gif available

By doing this, you can have separate gifs for mobile and desktop. Do note that the code example above is very simplified and not the actual code to be written.

Hope this helps and if you have any questions, feel free to drop questions you have

If by any chance you're looking for someone to implement the changes and coding for you, I'd be happy to do it for $25. Feel free to reach out if you're interested 🙂👌