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

[houseoftanvi]

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. https://houseoftanvi.com/ 

[BSSCommerce-HDL]

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

[houseoftanvi]

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.