Text and "Buy Now" button does not appear on mobile Startup theme

Technical Q&A
1

I’ve spent some time on different store designs and have settled on one for now. After putting it together for a while everything was working smoothly until I was ready to launch it and doing some final tests when I notice on the slide module on my homepage where i’ve embedded a “buy now” button and some text, it does not appear on the mobile version of this app.

Ive searched forums previously and have copied the code they suggest to fix this issue into the suggested code into the theme.scss file but it has not resolved the issue. This is incredibly frustrating as the button works but you cant see it.

On the desktop version everything works well.

Anyone have a fix for this? I am using the Startup theme.

my site is here:

https://coastgoldgoods.com/

2

Hi,

The below code would make your slider text visible on mobile phones.

@media (max-width:768px) {
.slide-text {
  position: absolute;
}
}

Let me know if this solved your issue.

Cheers!

Gabriel

3

Gabriel, Thank you for the response but this did not seem to work.

4

Try the below.

@media (max-width:768px) {
.slide-text {
  position: absolute !important;
  padding: 10px !important;
}
h1.slide-title {
  font-size: 20px !important;
}
}

It should look similar to the following screenshot:

GabrielS_0-1664753365265.png
GabrielS_0-1664753365265.png419×679 107 KB

5

That seems to have done the trick. Thanks a lot!