Solved

Why does my mobile view button show differently?

plants4friendz
Excursionist
37 1 9

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:

Screenshot 2024-04-18 at 12.33.44 PM.png

Mobile:

Screenshot 2024-04-18 at 12.33.36 PM.png

  

Thanks in advance!

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2122 606 470

This is an accepted solution.

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.

ThePrimeWeb_0-1713458514097.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2122 606 470

This is an accepted solution.

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.

ThePrimeWeb_0-1713458514097.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
plants4friendz
Excursionist
37 1 9

Worked perfectly! Thank you so much.