Need Help Hiding Section on Mobile

Solved
Vitadamore
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

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Vitadamore
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

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;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Vitadamore
Tourist
5 0 1

@oscprofessional it worked!! Thank you!!

0 Likes
Ejejstanley
New Member
1 0 0

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? 

0 Likes