Slide show text wont move vertically on mobile site

Hey all,

We’ve been building a new website for our shop and on the mobile site I can’t get the text on the slideshow to change position vertically using the text alignment drop-down menu. It works perfectly on the desktop site, however, as soon as I view the mobile site the text sits in the same place behind the header regardless of text alingment options.

We are using the “Pursuit” theme.

1 Like

@YVC

oh sorry for that issue can you please send store url so i will check and let you know

https://sales-8393.myshopify.com/

1 Like

@YVC

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px){
.slideshow__text-wrap--desktop .slideshow__text-content {top: 50%;transform: translateY(-50%) !important;}
}
1 Like

Hi [email removed]YVC

This is PageFly - Free Landing Page Builder. I would love to provide my for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

You can find theme → edit → theme.liquid

Then you can paste the code before

@media (max-width:767px){

#slickSlide-1657285966fbda115a-1 .slideshow__text-wrap.slideshow__text-wrap–desktop{

display: grid !important;

align-items: center;

}

}

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly