Highlighted button color is changing on mobile

Solved
Synesty
Tourist
4 0 2

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 !

KetanKumar
Shopify Partner
18810 1975 6955

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Synesty
Tourist
4 0 2

Hi KetanKumar, here is my shop : 

https://bit.ly/3hQlj3i 

Password = tretwo

I hope you will be able to help me !

0 Likes
KetanKumar
Shopify Partner
18810 1975 6955

Hello, @Synesty 

give me screen short further issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Synesty
Tourist
4 0 2

Okay, the button on PC looks like this :

Synesty_0-1596127452834.png

And on Phone the white bg switches to dark grey : 

Synesty_1-1596127490158.png

The button text color is not a problem, I can modify it.

0 Likes
KetanKumar
Shopify Partner
18810 1975 6955

This is an accepted solution.

@Synesty 

Thanks for the.

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

@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.

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Synesty
Tourist
4 0 2

Hi @KetanKumar 

It worked, thanks a lot for your time !

KetanKumar
Shopify Partner
18810 1975 6955

@Synesty 

Thanks for the update and your compliment

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Buganvilla
Tourist
4 0 2

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!

0 Likes
KetanKumar
Shopify Partner
18810 1975 6955

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes