All things Shopify and commerce
Good morning everyone, I have a problem: I created 2 banners, one for desktop and the other for mobile, using custom css to prevent the mobile one from being seen on the desktop version and vice versa. Now, however, the desktop banner button is black, as I want it, but the one for the mobile version is grey, even though it was set to black (schema 8 as you can see in the photos) what should I do to resolve this?
Solved! Go to the solution
This is an accepted solution.
Hi @Leon0125,
If you add a link to the button in the mobile banner, its background will turn black.
Or
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.banner__buttons a.button.button--secondary {
background: black !important;
}
This is an accepted solution.
Hi @Leon0125,
If you add a link to the button in the mobile banner, its background will turn black.
Or
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.banner__buttons a.button.button--secondary {
background: black !important;
}
Solved, thank you very much, you saved me. It was so simple but I ignored it... thanks again
Hi @Leon0125
PLease, share your store URL. Thanks!
I followed the procedure given to me by Codingfifty and it worked but thank you very much for assisting me. Thank you all, you are exceptional!!
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025