Debut theme- how can I lower the button on slideshow?

Store Design
1

Right now the button on slideshow is on the center. I want to lower the position. I tried many kinds of solutions on here but all failed. Maybe it could be because of some code changes that I made earlier. I believe I added some code though I don’t remember why I did it. Please look at some of the codes on the bottom of theme.scss.liquid below. And tell me if there’s something blocking the button position change. And please let me know how to lower the button position on slideshow. My website is https://www.thelegitkorean.com/

Also, I want slideshow arrow to be shown on mobile as well. Right now it’s only shown on desktop. How can I fix that?

.selectors-form__item {
  padding-bottom: $footer-spacing-small;
  margin: 0 $footer-spacing-extra-small;

  @include media-query($medium-up) {
    padding-bottom: 0;

    &:first-of-type {
      margin-left: 0;
    }
  }
}
@media only screen and (max-width: 749px) {
.slideshow__btn {
    display: inline-block;
}
.slideshow__text-wrap--mobile {
    display: none !important;
}
}
1 Like
2

@sakurai7

is this fine for you?

KetanKumar_0-1614346088423.png
KetanKumar_0-1614346088423.png1920×1080 265 KB

3

@KetanKumar

Yes! It would be great.

4

@sakurai7

Thanks for confirm

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.slideshow__text-wrap--desktop .slideshow__text-content {top: 86%;}
3 Likes
5

@KetanKumar It worked. Thank you so much! You’re my hero!

1 Like
6

@sakurai7

it’s my pleasure to help us

7

How can I do this for Boundless theme? I would like to lower the button on my slideshow to the bottom.

1 Like
8

@houseofvella

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

9

found solution thanks

1 Like
10

@catalienne

great thanks for update