Shopify themes, liquid, logos, and UX
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;
}
}
Solved! Go to the solution
This is an accepted solution.
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%;}
is this fine for you?
Yes! It would be great.
This is an accepted solution.
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%;}
it's my pleasure to help us
How can I do this for Boundless theme? I would like to lower the button on my slideshow to the bottom.
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.
User | RANK |
---|---|
134 | |
98 | |
86 | |
63 | |
50 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By