Mobile slideshow image error text

Technical Q&A
, , ,

Topic summary

Mobile slideshow banner showed error text on mobile, caused by CSS being rendered as plain text. CSS (styling code) likely wasn’t wrapped in tags.

Actions and fixes:

  • Collaborator access granted; developer investigated and removed the stray text via JavaScript. It briefly appears, then is cleared on page load. User confirmed the error no longer shows.
  • Noticed gaps around images on mobile. Cause was section padding/margins, not the images themselves. Developer removed these spacings for mobile; user confirmed the layout looks better.
  • Image appeared cut/cropped on mobile despite “adapt to first image.” Likely due to CSS background-size (controls how background images scale). Developer applied CSS adjustments to improve fit; user to review, with feedback that it now looks good.

Notes:

  • Multiple screenshots were central to understanding the errors, spacing, and mobile display.
  • No code snippets shared publicly; fixes were applied directly in the theme after access.

Status:

  • Original mobile error and spacing issues resolved; image fit adjusted.
  • Open request: make the slideshow button smaller. Developer noted it’s more involved and hasn’t completed it yet.
Summarized with AI on December 13. AI used: gpt-5.
1

There is an issue where my slideshow banner image showing an error only on mobile and here is the coding that i have done.

If any of you guys out there knows how to fix this issue do let me know.

Screenshot (236).png
Screenshot (236).png1920Ă—1080 273 KB

Screenshot (237).png
Screenshot (237).png1920Ă—1080 211 KB

2

This test is probably showing if you haven’t wrapped the styles within the style tag

3

Hi thx for the reply, do u know how to solve this

4

Yeah, I kind of love to find bugs and would definitely love to give a try

5

Hi thx for the help, If u want to access my store here is the link www.thriftlepak.com

6

This is what’s causing the issue

Shadab_dev_0-1732705476309.png
Shadab_dev_0-1732705476309.png859Ă—138 9.24 KB

Inside every slider there is this css styling code for mobile which id displayed as normal text. If you can just wrap this between style tags this would go.

your css code
7

Ok so how do i wrap the text since i am a beginner at this.

8

In that case I will need collaborator access to your store to edit code for you.

9

Hi this is the code for the colloborator access 7204.

Thank you.

10

need the store url as well

11

This is the store URL

https://thriftlepak.com/

12

request sent

13

I have accepted your request

14

will update you when done

15

Sure thx so much !

16

Man this took more time than expecting. Actually the issue was also something out of the box. I thought there was something in the code in between but the code was ok i didn’t have anything in between don’t know from where that content was getting added.

I am able to remove that with javascript though but it first shows and when the page loads it is removed

1 Like
17

Hi i just checked the page it seems like it has been removed

Thank you so much.

18

Hi btw is there a way where i can upload a new image to fit inside the slideshow since when i changed the image it reflects the same error as well

19

Can you share screenshots or something for better’ understanding. I don’t get the issue here.

20

Screenshot (238).png
Screenshot (238).png1920Ă—1080 291 KB

Hi this is the screenshot for the image where the image has been resized and it shows the same error so i am not quite sure is it becuz of the sizing image or other factors.