The text of my first slideshow image doesn't appear

[acuracometics]

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?

[Made4uo-Ribe]

Hi @acuracometics 

would you midn to shar your store URL? Thanks!

[acuracometics]

Here it is. Thanks for your help!

Acura Jewelry

[Made4uo-Ribe]

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

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:
• 

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

[acuracometics]

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... 😕