Text and Buttons don't load on Mobile

Store Design
,
1

Hello! The text and the button on my slideshow hero don’t load the first time on mobile, apart from the first slide. Once I reload it is usually fixed, and on desktop it’s fine. Also, the second marque on my home page loads with larger text than I have set, and it’s larger than the first one, which has all the same settings.

Let me know how I can fix this please :stuck_out_tongue:

2

*The marquee loads bigger text only on mobile but is not fixed after reload

3

Hi @mostbiased

Can you send a screenshot? Everything looks fine to me at the moment.

Best regards,
Devcoder :laptop:

4

I think the slideshow parts don’t appear only after it has been around the whole loop once.

IMG_1283
IMG_12831179×1811 134 KB

I’ll add another reply for the marquee as I can only attach one image

5

This marquee should have smaller text like the one above 1-2 sections above it

IMG_1281
IMG_12811179×1083 101 KB

6

Hi @mostbiased

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

@media (max-width: 768px) {
  .marquee__content .marquee__repeated-items p {
    font-size: 14px;
  }
}

image
image412×305 6.99 KB

8

How can I do the slideshow part

10

The website is in my original post - would you be able to give me the code to change? I’d rather not give out the collab code

11

Unfortunately this didn’t change anything - also your screenshot is of the first marquee, when I’m referring to the second one below it!

13

Hi @mostbiased

I think it’s working fine.

image
image410×562 44 KB

14

I don’t know what to tell you dude it hasn’t changed anything for me. I’ve tried clearing my browser cache and removing other css but nothing has changed. Thanks for trying though