Need Help Hiding Section on Mobile

Solved
Highlighted
Tourist
5 0 1

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!!

0 Likes
Highlighted

Hello Vitadamore,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 1

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! 

0 Likes
Highlighted

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;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 1

@oscprofessional it worked!! Thank you!!

0 Likes