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

houseoftanvi
Visitor
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)

BSSCommerce-HDL
Shopify Expert
779 252 265

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
houseoftanvi
Visitor
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.