Shopify themes, liquid, logos, and UX
Hi everyone,
On our banner on desktop the buttons are being displayed in white but when i switch to mobile they become black, how can i change this to be white.
Kind regards
Solved! Go to the solution
This is an accepted solution.
Hi @lunalucenteskin
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout > theme.liquid and paste this at the bottom of the file:
<style>
@media screen and (max-width: 767px) {
.m-slider--content-stack .m-button--white {
background-color: #ffffff;
border-color: #ffffff;
color: #000000;
}
.m-slide__button-second.m-button.m-button--secondary.m-button--small {
--btn-color-hover: #fff !important;
--btn-color: hsla(0,0%,100%,1) !important;
}
}
</style>
Hello @lunalucenteskin
Please let me know the URL of your website, so that i can check.
This is an accepted solution.
Hi @lunalucenteskin
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout > theme.liquid and paste this at the bottom of the file:
<style>
@media screen and (max-width: 767px) {
.m-slider--content-stack .m-button--white {
background-color: #ffffff;
border-color: #ffffff;
color: #000000;
}
.m-slide__button-second.m-button.m-button--secondary.m-button--small {
--btn-color-hover: #fff !important;
--btn-color: hsla(0,0%,100%,1) !important;
}
}
</style>
Shopify and our financial partners regularly review and update verification requiremen...
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