Mobile header transparent and hard to read, desktop has white box

Store Design

Topic summary

Mobile slideshow text on the Studio theme is readable on desktop due to a white text-box background, but on mobile the text box is absent and the text blends into the image.

Proposed fix:

  • Edit the Shopify theme’s code: open theme.liquid (the main layout file) and paste a provided code snippet directly after the tag (i.e., at line 4 if line 3 is ). The screenshot was for placement reference; the actual code snippet was the one shared above it.

Clarifications:

  • The user asked exactly where to paste; the helper confirmed right after .
  • Technical terms: theme.liquid is the core layout file for a Shopify theme; is the HTML section where styles/scripts are defined.

Outcome:

  • The user implemented the change and confirmed it worked, making mobile text readable with a white/transparent overlay.

Attachments/notes:

  • A screenshot and a code snippet were central to the solution; the code content isn’t visible in this transcript.

Status: Resolved; no open questions.

Summarized with AI on January 4. AI used: gpt-5.
1

Hello!

On my desktop, using the theme ‘studio’, I have a slideshow at the top. On 2 of the rotations I have Text boxes and they have a white background on the desktop site- which is great because I can read the font.

But when I go mobile, there is no text box and the font gets lost on the background. I would like there to be a white box, or transparent white box there so it is readable. Please help!

www.meganmichelleart.com

thank you!

2

Hey @meganmichelle ,

That’s some pretty cool art, you’re a great artist!

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708707425767.jpeg
ThePrimeWeb_0-1708707425767.jpeg1253×933 87.9 KB

3

Thank you! Do it cut and paste it on line 4 like you have on the screenshot? I don’t want to mess it up :slightly_smiling_face:

4

Yes. If line 3 has the word ‘’, then you add it in line 4.

5

AMAZING! It worked! Thank you SO much!