Liquid, JavaScript, themes, sales channels
I have read through numerous posts on this but I can't seem to get it right.
I have created an Image with Text Overlay in my theme (Debut) that I want to show on desktop view. This image is too large for mobile view so I created a custom content image that works perfect on the mobile view. The only issue is I don’t want the text overlay image to show on mobile view and then I don’t want the custom content image to show on the desktop view.
Can someone please help me fix this!
Thank you!!
Solved! Go to the solution
This is an accepted solution.
Hello Vitadamore,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
@media only screen and (min-width: 750px){
#shopify-section-1600576224664 {
display: none;
}
}
@media only screen and (max-width: 749px){
#shopify-section-hero-1 {
display: none;
}
}
Hello Vitadamore,
Please share your site url.
So that i can check and let you know the exact solution here.
Thank you for your response @oscprofessional
the website is https://vita-d-amore.myshopify.com
password: dockao
the top image should be for the desktop view and then the bottom for mobile view.
thank you!
This is an accepted solution.
Hello Vitadamore,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
@media only screen and (min-width: 750px){
#shopify-section-1600576224664 {
display: none;
}
}
@media only screen and (max-width: 749px){
#shopify-section-hero-1 {
display: none;
}
}
Hi @oscprofessional! I've been reading forums and I've seen your responses on a few with this same issue. How are you finding the shopify section number to place in the css? I'm struggling with the same thing and would like to hide a section. Where should I look in the source code to find the section number so that I can modify the code myself?
Please share the issue which section you want to delete ? with screenshot and share the URL with password.
Hello - how do i find out the correct section id - would be very helpful. thanks
Please share the issue which section you want to delete ? with screenshot and share the URL with password.
Hi everyone,
Stop looking for section ID. Just look for first "<" bracket to the section you want to hide. Follow the tutorial below. It works on any section or any theme.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024