hide section DESKTOP

Solved
LBmedia
Tourist
6 0 2

Help! I'm baffled.

 

I am trying to hide a section on desktop only and it's not working.


I'm looking to hide #shopify-section-16268988909f0f72b3

i've used 
@media screen and (min-width: 750px) {
#shopify-section-16268988909f0f72b3 {display:none;}}

 

but it's still showing up on desktop.

i've also used 

div#shopify-section-16268988909f0f72b3 {display:none;}}

and then @media screen and (max-width: 749px) {display:block}} but then it doesn't show up on mobile!

 

Any insight would be greatly appreciated.

https://thehazelcollection.com/

password: glauts

 

Screenshot 2021-07-21 135739.png

KetanKumar
Shopify Partner
20496 2119 7728

@LBmedia 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css->paste below code at the bottom of the file.

@media (min-width: 740px )  {
div#shopify-section-16268988909f0f72b3 {
    display: none;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
LBmedia
Tourist
6 0 2

Thanks for the info - I just tried and unfortunately it didn't work - it is still showing up on desktop. 

LamQSolutions
Pathfinder
113 25 37

Hi,

I see that you put the code inside two block

@media screen and (max-width:740px) {

You should put the code outside any block

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
0 Likes
LBmedia
Tourist
6 0 2

Thanks for this, it still didn't work! I can't get it hidden on desktop!

Any help is greatly appreciated.

0 Likes
Natztech
Shopify Partner
1355 380 918

hello @LBmedia 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 749px) {
#shopify-section-16268988909f0f72b3{
	display: none !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
LBmedia
Tourist
6 0 2

Hey thanks for the advice, but it didn't work- it's still showing up on Desktop!!

 

0 Likes
KetanKumar
Shopify Partner
20496 2119 7728

@LBmedia 

sorry but i can't see above code where do you have add this?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
1355 380 918

hello @LBmedia 

can you please share a screenshot of where to add code ?

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
LBmedia
Tourist
6 0 2

Screenshot 2021-07-24 113131.png

 

I've tried every variation possible that I can think of. Nothing is working.

0 Likes