Hi,
The color of my highlighted button automatically switches on mobile for no reason and I don’t know how to fix it since there’s no option to change the color for this specific case.
I’m using turbo theme.
The section is : image with text overlay
Thanks !
Hello, @Synesty
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Hi KetanKumar, here is my shop :
Password = tretwo
I hope you will be able to help me !
Hello, @Synesty
give me screen short further issue
Okay, the button on PC looks like this :
And on Phone the white bg switches to dark grey :
The button text color is not a problem, I can modify it.
Thanks for the.
@media only screen and (max-width: 480px) {
.homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
border-color: #ffffff;
background-color: #ffffff;
color: #333;
}
}
details.
Hi @KetanKumar
It worked, thanks a lot for your time !
Thanks for the update and your compliment
Hey KetanKumar,
I have the exact same problem as Synesty. However I tried your solution but it didn’t solve the problem :S Any ideas? Thanks!
Hello, @Buganvilla
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Hello Ketan. Having the same issue here and attempted your suggested fix without success.
Hey dude, I guess it depends on the theme.
I use turbo and had to find my own solution, although I have slight notions of css.
We had a problem with the “background-color:” of our button. I suggest you go check that button with the chrome inspect element tool, to find the class or ID that references your button, and then go to your style.scss file, look for that class or ID, and change the “background-color:” to the same color you have on desktop.
I’m sorry I couldn’t explain it better but hope that helps 
I did this and it didnt work but now my desktop button got smaller and I removed the code, but nothing changed.
I am stuck with a small CTA home screen now. Is there a reason why I deleted the code but the effect is still there?
Hi Ketan,
Does the same suggested solution above work for the boundless theme as well? I have the same issue with the color of the CTA & footer changing from desktop to mobile.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi Ketan,
Thanks for getting back to me.
https://www.thehairwand.co/
Password: awmpab
can you please share screenshot which button do you have change color
Sure, the issue is appearing on emails only. Below are screenshots of the same email viewed on Desktop(MAC) and Mobile Phone(Andriod). The correct colors are the ones shown in the desktop screenshots
DESKTOP
MOBILE
sorry but i can’t see any button can you please show me
The issue is appearing in emails, but on the website. Sorry for the confusion. The screenshots before are from an email I’m sending from Shopify. Does that help?
