I need to add a big banner style image that is clickable to an outside link. I have made a 1200 pixel wide banner for desktop version… and it works! But obviously looks horrible on mobile. Can I make this section only viewable on desktop? And then make a section only viewable on mobile?
Or maybe there’s a coding solution within 1 section?
Here’s the code I’m currently using (I do not know how to code. but it is working):
This is Victor from PageFly - Shopify Page Builder App
Please use my code here
Please remember to change your img source
Hope this can help you solve the issue
Best regards,
Victor | PageFly
Hi Victor. First of all, thank you very much for taking the time to reply.
I’m probably doing something wrong. I copy pasted your code directly into the “Custom Liquid” section… and then I changed the image source for the mobile view part of the code. The result is putting both images on both desktop and mobile. Any advice? Maybe I’m putting the code in the wrong place?
here is a screenshot for reference (the images are just placeholders to help test. the yellow and black for desktop… the chess pieces for mobile): https://cdn.shopify.com/s/files/1/0720/7567/3907/files/result.jpg?v=1680683849
Hi @LiveKingPoker I understand why, the reason because of the commented i gave 
please try this
I tried your code. It works fine, it displays different images for mobile and desktop.
However the sizes are not optimized. It shows up crazy big. How can I set up the correct sizes?