Topic summary
A user seeks to remove white navigation arrows from their homepage product slider.
Problem Identified:
- White arrows appear on the product slider that the user wants hidden
- The issue is on the store’s homepage (https://957cde.myshopify.com)
Solution Provided:
A community member offered CSS code to hide the arrows:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
- Open the theme’s CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add the following CSS at the bottom:
.swiper-btn.swiper-btn--prev.swiper-button-disabled, .swiper-btn.swiper-btn--next {
display: none;
}
- Save the changes
Status: The solution was provided with visual examples showing the before/after result. The thread appears resolved, though the original poster has not confirmed implementation.
