Why does my mobile view button show differently?

Store Design

Topic summary

A user encountered an issue where mobile view buttons on photo banners displayed with a transparent background instead of the intended black background shown on desktop.

Problem:

  • Desktop version showed buttons with proper black background styling
  • Mobile version rendered the same buttons as transparent
  • Issue was specific to buttons overlaying photo banners

Solution provided:

  • Access theme’s “Edit Code” section
  • Locate the theme.liquid file via search
  • Insert custom CSS code below the <head> tag
  • A screenshot reference was provided showing the exact placement

Outcome:

  • The solution successfully resolved the styling inconsistency
  • Mobile buttons now display correctly with the black background matching desktop appearance
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
2

Hey @plants4friendz ,

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-1713458514097.jpeg
ThePrimeWeb_0-1713458514097.jpeg1253×933 87.9 KB

1 Like