Why does my mobile view button show differently?
Can anyone tell me how to change my mobile buttons (when on a photo banner specifically)?
It's meant to look like the desktop version (with the black background), but it shows up transparent on mobile.
Here's my shop link in case it's needed: www.thespiralpath.love
Desktop:
Mobile:
Thanks in advance!
Hey @plants4friendz,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
a.button.button--secondary {
background-color: #222 !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @plants4friendz,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
a.button.button--secondary {
background-color: #222 !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025