Shopify themes, liquid, logos, and UX
Hello,
I am trying to follow these instructions for my Debut template, but for any reason I think that the versions described in this previous link has changed from what I have:
Also, links and images from this previous link are not working, so if anyone can help me on making work a specific image for desktop version and another image for mobile version.
I will try to describe what I did:
1. Image picker, this step I was able to add it in hero.liquid:
{ "type": "image_picker", "id": "mobile_image", "label": "Mobile Image" }
2. Then the previous link mentions that it is needed to edit theme.scss.liquid, but this file is no available on my coding section, I do not know if it has changed on this version.
.mobile-only{ display: none} .desktop-only{ display: block} @media (max-width:768px){ .mobile-only{ display: block} .desktop-only{ display: none} }
3. Add div class for mobile and desktop version in hero.liquid before <noscript> section, I tried to add these sections, but I think that probably are incomplete.
@KetanKumar could you be very kind to help me on this?
Regards,
I forgot to mention website where I want to modify the desktop/mobile image.
Regards,
sorry for late reply yes i can do this customization code if you need this can you please send pm details
User | RANK |
---|---|
69 | |
65 | |
64 | |
53 | |
49 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023