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)

BSSTech-Venture
Shopify Expert
385 91 100

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

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.