How to remove arrows from image slideshow banner?

atmos-art · ‎05-28-2025

Hi,

I am trying to remove the left and right navigation arrows on my image slideshow on my home page but keep the dots in the centre at the bottom.

Would anyone be open to helping? Thanks in advance!

URL: https://www.atmos.art/

Bundler-Manuel · ‎05-28-2025

Hello there @atmos-art I suggest you have a look at the marked reply here https://community.shopify.com/c/shopify-design/how-to-remove-the-arrow-on-the-product-image-slidesho... and let me know if it works for you too!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

atmos-art · ‎05-28-2025

Hi, I have tried both sets of code in that post but neither worked for me unfortunately.

BiDeal-Discount · ‎05-28-2025

Hi @atmos-art

Can you screenshot bigger or figure out detail which section you want to change?

- Helpful? Like & Accept solution! ☕ Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

Dan-From-Ryviu · ‎05-28-2025

Please add this code to Custom CSS of that slideshow section

.slider-button { opacity: 0; }

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

atmos-art · ‎05-29-2025

Hi this worked great! I added it to the <head> section though as putting it in the body section caused the arrows to load and then disappear on the page when it loads. Thank you for your help!

How to remove arrows from image slideshow banner?

How to remove arrows from image slideshow banner?

Community Blog Articles