Wanting to add button on top of picture in slideshow in mobile version- cascade theme

3 0 0

When using the cascade theme slideshow, the button appears on top of each slide on desktop and under the slides in the mobile version. I need them on the slides even in the mobile version and not under the image. Screenshot 2024-05-07 at 12.29.31 AM.pngScreenshot 2024-05-07 at 12.29.47 AM.pnghttps://houseoftanvi.com/ 

Replies 2 (2)

Shopify Expert
733 244 255

Hi @houseoftanvi 


Please follow the instructions below:


1. Online store -> Themes -> Edit code

2. You can make the slide button lay on the slide by add this code before </head> close tag in your theme.liquid file:

% style %}
      {% if template.name == 'index' %}
        .splide .splide__arrows {
          position: absolute !important;
          min-width: 100% !important;
          height: 100% !important;
          justify-content: space-between !important;
      {% endif %}
    {% endstyle %}


Hope this will help you


If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Solution & Custom Pricing | Product Labels by BSS

Need help from our expert? Kindly share your request with us via community@bsscommerce.com

BSS Commerce - Full-service eCommerce Agency
3 0 0

Wanted to take the shop buttons up, which I've managed to do myself with some custom css. Now I want to reduce the size of the shop buttons just on mobile. Would be lovely if you could help me with that.