Hey Everyone!
Having some trouble getting the code right to make my slideshows responsive.
They currently look like this on desktop/laptop,
Mobile Version,
I know that I’ll need to use @mediascreen code in order to adjust accordingly I’m just not sure how exactly?
Ideally, I’d like the slider to look like this,
Any help is greatly appreciated!
Regards,
Dylan.
hii, @Dylan_Propeller
Kindly share your store URL so,
I can solve your problem.
Thank You.
@Zworthkey Hey there, thanks for getting in touch!
https://the-skincare-edit-united-arab-emirates.myshopify.com
Password - hubuth
hello @Dylan_Propeller
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 768px) {
.Slideshow__Content.Slideshow__Content--bottomLeft{
top: 20px;
}
}
hii, @Dylan_Propeller
Paste this code on top of the theme.scss file.
@media only screen and (max-width: 768px) {
h2.SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1 {
margin-top: -60px !important;
}
}
Thank You.
@Zworthkey @Kinjaldavra You guys are the best!
Thanks so much for your help!
To align the button to the center (only on mobile) I would add this code directly to the @mediascreen section also?
Thanks again, and have a great week 
Welcome.