CShop
December 2, 2021, 6:34pm
1
Hey, i got a slideshow on my frontpage and in the desktop view it looks fine. In the mobile version i changed with code the text & button overlay the image. But how can i move the text & button to the bottom of the picture?
This is the code i added in Asset->/theme
@media only screen and (max-width: 749px) {
.slideshow__title, .slideshow__subtitle {
display: inline-block !important;
}
.slideshow__text-content--mobile {display: none !important;}
}
@media only screen and (max-width: 749px) {
.slideshow__btn {
display: inline-block !important;
font-size: 9px;
line-height: normal;
padding: 5px;
min-height: 1.125rem;
}
}
This is with example image+text visualising the problem:
Desktop view:
Mobile view (get text & button down):
Would be glad to get some help, coz it is the last piece to finish the site
Hello There,
CShop
December 3, 2021, 8:15am
3
Hello,
wonderfulselection.myshopify.com
PW: chiegg
Thank you in advance!
CShop
December 7, 2021, 10:36am
4
@ZestardTech did you had a look and found a way to solve the issue? Looking forward to it
Hello There,
Yes, I have checked this and found that the debugger is on and hence cannot check further.
Kindly check attached screenshot.
Thank You!
CShop
December 9, 2021, 6:48am
6
Oh, i see, i disabled the blocker, can you please try again. Thank you in advance!
1 Like
Hello There,
In your Shopify Admin go to online store > themes > actions > edit code
Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width:768px){
div#SlideshowWrapper-1631877500df42580a ul.slideshow__text-content-list {
padding-top: 62px;
}
}
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
