Text overlay is below the slideshow images on mobile display. I REALLY NEED to fix that PLEASE!

VINIBOY · ‎08-18-2024

On desktop, my slideshow looks perfect, with the whole text displayed over the slideshow image. However, it doesn't show like this when I test mobile view. Does anyone have a code or something that can change this? I'm not using an shopify theme, it's customized.

suyash1 · ‎08-18-2024

@VINIBOY - Can you please share this page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

VINIBOY · ‎08-20-2024

Sure!

115863-5a.myshopify.com

Dan-From-Ryviu · ‎08-18-2024

Hi @VINIBOY

If you are using a Shopify 2.0 free OS theme, then please uncheck "Show content below images on mobile" option to make text display in image.

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

VINIBOY · ‎08-20-2024

Hi again! so, that option doesn't appear for me... as I said before, i'm using a theme that it was customized 100% and it wasn't actually taken directly from Shopify, then some settings and options don't appear in my current theme. I had bought a pack of 200 personalized themes, which was made of by a professional that I like in Brazil. These themes are so different that all I have been working before.

Dan-From-Ryviu · ‎08-20-2024

Hi @VINIBOY

Please add this code to theme.liquid file, after <head>

<style>
@media (max-width: 749px) {
    div[data-wrapper-slidershow] .content-item .wrap_text {
        position: absolute !important;
    }
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

VINIBOY · ‎08-20-2024

Hey there, that was really helpfull! However, I would still like to know how can I like "move" or "replace" content to above/below or right/left...

I really would like to make the mobile banner content as on desktop

Text overlay is below the slideshow images on mobile display. I REALLY NEED to fix that PLEASE!

Text overlay is below the slideshow images on mobile display. I REALLY NEED to fix that PLEASE!

Community Blog Articles