Removing Banners from Mobile

Solved
Perfect-dbz
Tourist
5 0 2

Hi there

 

I'm trying to redesign to look of my page on Mobile and would like to remove the banner without removing it from the desktop page.

 

I've tried the below but it didn't work:

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

 

Any Ideas? 

Pallavi
Shopify Expert
2240 370 486

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
7402 1754 2353

@Perfect-dbz 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Perfect-dbz
Tourist
5 0 2
Natztech
Shopify Partner
1404 394 950

This is an accepted solution.

hello @Perfect-dbz

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

@media screen and (max-width: 749px){
#shopify-section-slideshow{
        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
Perfect-dbz
Tourist
5 0 2

Worked like a charm! Thanks!

0 Likes