The text of my first slideshow image doesn't appear

The text of my first slideshow image doesn't appear

acuracometics
Tourist
3 0 3

When I load the page, the text of the first image in the slideshow doesn't appear on mobile. In the desktop version it appears, and even in the theme editor it appears, but on mobile it's simply invisible.

Does anyone know what it could be?image0.png

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
6961 1656 2043

Hi @acuracometics 

would you midn to shar your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
acuracometics
Tourist
3 0 3

Here it is. Thanks for your help!

 

Acura Jewelry

Made4uo-Ribe
Shopify Partner
6961 1656 2043

thank for the info, usually the button and header text will go down automatically on mobile screen. 

Made4uoRibe_0-1720127132899.png

Thats is the default design for mobile. You can check this one to fix it. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

@media screen and (max-width: 749px) {
.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
       height: 100%;
}
.slideshow__text-wrapper.banner__content {
     background: transparent;
    position: absolute;
    top: 50%;
}
}
@media screen and (max-width: 600px) {
    .slideshow__text-wrapper.banner__content {
    top: 100%;
}
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_1-1720127255265.png

     

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
acuracometics
Tourist
3 0 3

I really appreciate the help, but it didn't work. It's strange, because only the first image in the slideshow looks like this. The rest of the images don't look like this. And when I refresh the page, the text on the first slide appears for just a few milliseconds. It's strange, but that code didn't solve the problem either... 😕