How to remove bar with arrows and slide number on slide banner on mobile?

Store Design
1

I am using the Venture theme.

I have a slide show with a few slides under the nav bar. On mobile some of the slide can’t even be seen as it’s covered with a white bar with the slide arrows and slide number.

Is there a way to remove this entirely ? I dont need the arrows as the slides are set to move themselves after 5 seconds.

Thank you.

2

@ryan333

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

3

www.pinstardirect.com

4

https://www.pinstardirect.com/

1 Like
5

@ryan333

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
.hero-wrapper--adapt .hero-content .hero-content__controls{ display: none; }
}

Hope this helps.

Thanks!

1 Like
6

Great thanks so much !

1 Like
7

@ryan333

If helpful then please Like and Accept Solution.