Ride theme slideshow text overlay

Shopify Discussion
1

My slideshow text appears below the images instead of overlayed on the mobile version. How do I fix it to be the same as the desktop?

Thank you

1 Like
2

Can You Please Share Your Store URl , If Your Store is Password Protected then Please Share Password as Well.

3

you need to make changes in this text class for mobile media query below 589

.image-with-text__content {
    position: absolute;
}
4

Hey @Pbailey_1

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

5

Hi @Pbailey_1

It has an option to make text overlay on the image from your Store admin > Sale channels > Online Store > Themes > Customize > Slideshow, uncheck option Show container on mobile in Mobile layout

Screenshot 2024-07-19 at 15.20.25.png
Screenshot 2024-07-19 at 15.20.25.png1659×519 177 KB

6

Hi @Pbailey_1

Would you midn to share your store URL? Thanks!

7

Hello @Pbailey_1 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

8

www,kompletekaos.com

9

www.kompletekaos.com

10

Thans for the info, check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.banner--mobile-bottom .slideshow__text.banner__box {
     background: transparent;
     position: absolute;
     bottom: 60px;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!