FROM CACHE - en_header

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

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
12549 1937 2487

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;
}
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 10 (10)
oscprofessional
Shopify Partner
12549 1937 2487

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
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! 

oscprofessional
Shopify Partner
12549 1937 2487

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;
}
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Vitadamore
Tourist
5 0 1

@oscprofessional it worked!! Thank you!!

Ejejstanley
New Member
1 0 1

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? 

gkleind96
New Member
2 0 2

Hello - how do i find out the correct section id - would be very helpful. thanks

gkleind96
New Member
2 0 2

Did you find that out? @Ejejstanley 

made4Uo
Shopify Partner
2394 433 612

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. 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
oscprofessional
Shopify Partner
12549 1937 2487

@Ejejstanley ,

Please share the issue which section you want to delete ? with screenshot and share the URL with password. 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
12549 1937 2487

@gkleind96 ,

Please share the issue which section you want to delete ? with screenshot and share the URL with password. 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing