Remove The Swipe Arrows & Image Number Below Featured Collection On The Home Page (Dawn Theme)

BraxtonEcom
Explorer
75 0 14

I would like to remove the swipe arrows & image number below the featured collection on the home page, on mobile view.

 

Any advice is appreciated.

 

Screenshot 2023-03-04 235742.png

Braxton
Replies 3 (3)

PageFly-Victor
Shopify Partner
7865 1785 3046

Hi @BraxtonEcom 

This is Victor from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

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

.slider-buttons.no-js-hidden {

    display: none !important;

}

}

PageFlyVictor_0-1677984633987.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

banned
4loveandlemonco
Visitor
1 0 0

This worked for me-- thank you! 

GemPages
Shopify Partner
5587 1261 1192

Hello @BraxtonEcom ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1677986390982.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
@media(max-width: 767px){
 .slider-buttons.no-js-hidden {
    display: none !important;
 }
}
</style>

 

Let us know how it works for you.

 

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