Solved

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

sakurai7
Tourist
3 0 2

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;
}
}

 

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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%;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 9 (9)

KetanKumar
Shopify Partner
36839 3635 11972

@sakurai7 

is this fine for you?

KetanKumar_0-1614346088423.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sakurai7
Tourist
3 0 2

@KetanKumar 

Yes! It would be great.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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%;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sakurai7
Tourist
3 0 2

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

KetanKumar
Shopify Partner
36839 3635 11972

@sakurai7 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
houseofvella
Tourist
3 0 1

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

KetanKumar
Shopify Partner
36839 3635 11972

@houseofvella 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
catalienne
Excursionist
22 1 6

found solution thanks

KetanKumar
Shopify Partner
36839 3635 11972

@catalienne 

great thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing