Solved

Newbie question: How to hide banner on mobile

Limeonline
Excursionist
13 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)

GemPages
Shopify Partner
5588 1261 1207

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 9 (9)

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
Excursionist
13 1 1

no it's part of the theme

Limeonline
Excursionist
13 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
Excursionist
13 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
5588 1261 1207

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
Excursionist
13 1 1

thanks a lot... you are a star!

GemPages
Shopify Partner
5588 1261 1207

I am glad that my recommendation is helpful to you 😁.

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