Hide a section in desktop/mobile view

Solved
sanderrisseeuw
Excursionist
17 0 5

Hi everyone,

I currently have a section which I don't want on the mobile view (and the same otherwise aswell). I know a little bit of coding, but I can't figure this out unfortunately. Could someone help me with this problem? I am currently using the debut theme. I hope the pictures will make my problem clearer.

Website: www.breakinglimits.nl

Thanks in regards!

Greetings,

Sander

Desktop VersionDesktop VersionMobile VersionMobile Version

0 Likes
HardikDavra
Shopify Partner
2320 363 994

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (min-width: 750px) {
#shopify-section-1609769959906 {
display: none;
}
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
sanderrisseeuw
Excursionist
17 0 5

Hi @HardikDavra 

 

It worked for desktop, thank you very much! However unfortunately it is still the same on mobile view. Could you please help me with the mobile view aswell?

 

Thank you in advance!

 

Mobile ViewMobile View

HardikDavra
Shopify Partner
2320 363 994

This is an accepted solution.

@media only screen and (max-width: 750px) {
#shopify-section-16073694680066065f {
display: none;
}
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
sanderrisseeuw
Excursionist
17 0 5

@HardikDavra 

Thank you so much! Everything is working now!

HardikDavra
Shopify Partner
2320 363 994

Thank you for update...

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
learner8
Tourist
4 0 1

Hi, I have tried this but it is still appearing.

my store name is www.southspotofficial.com

I want to have it so I can show a certain section in desktop view and a certain section in mobile view.

0 Likes
HardikDavra
Shopify Partner
2320 363 994

@learner8 Which section do you want to show on desktop and hide on mobile view?

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
learner8
Tourist
4 0 1

I currently only have a section that I want to appear on desktop only because I didn't want to double up the sections. But it is the top section (image with text overlay)

0 Likes
HardikDavra
Shopify Partner
2320 363 994

@learner8 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

 

@media only screen and (min-width: 600px) {
#shopify-section-1623749843a85551de {
display: none;
}
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes