FROM CACHE - en_header

Newbie question: How to hide banner on mobile

Solved
Limeonline
Tourist
11 1 1

Hello,
I am not a coder. Please can you tell me how to hide the banner code on my site

www.vistashop.online

thanks

Mark

Accepted Solution (1)

Accepted Solutions
GemPages
Shopify Partner
705 173 161

This is an accepted solution.

Hello @Limeonline 

 

This design from the theme

You can follow these steps:
1. Go to Online Store->Theme->Edit code

GemPages_0-1669357427836.png

2. Open your theme.liquid file, paste the below code before </body>

 

<style>
@media (max-width: 767px){
div#shopify-section-slideshow-1 #SlideshowWrapper-slideshow-1 {
    display: none;
}
}
</style>

 

GemPages_1-1669357494533.png

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 8 (8)
suphero
Shopify Partner
14 2 2

Did you add an app for this banner? You can disable this bar in the app settings or remove the app at https://YOUR_STORE.myshopify.com/admin/settings/apps

Limeonline
Tourist
11 1 1

no it's part of the theme

Limeonline
Tourist
11 1 1

i mean the image banner

banner.jpg

 

 

suphero
Shopify Partner
14 2 2

I checked your page and it seems this image is in the slideshow section, not the banner. You can customize your theme in Sales channel -> Online Store -> Themes -> Customize, find the image block, click and delete it with the delete button.

Screenshot 2022-11-24 at 21.10.21.png

Limeonline
Tourist
11 1 1

i need to hide the slide show on mobile only

suphero
Shopify Partner
14 2 2

You should check this link

GemPages
Shopify Partner
705 173 161

This is an accepted solution.

Hello @Limeonline 

 

This design from the theme

You can follow these steps:
1. Go to Online Store->Theme->Edit code

GemPages_0-1669357427836.png

2. Open your theme.liquid file, paste the below code before </body>

 

<style>
@media (max-width: 767px){
div#shopify-section-slideshow-1 #SlideshowWrapper-slideshow-1 {
    display: none;
}
}
</style>

 

GemPages_1-1669357494533.png

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Limeonline
Tourist
11 1 1

thanks a lot... you are a star!