Highlighted button color is changing on mobile

Albymorf
New Member
4 0 0

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.

The site url: www.ubella.co

I want the same button color on mobile

Tranks!

0 Likes
KetanKumar
Shopify Partner
14494 1676 5204

@Albymorf 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

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-false, .homepage-slideshow input[type="button"].highlight-false, .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true {
    color: #ffffff;
    border-color: #ffffff;
    background-color: rgba(255, 255, 255, 0);
}
}

 

I hope that helps you out! Best of luck

 

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
Albymorf
New Member
4 0 0

Thanks for the code, but i need in the number 1 when i click on it on mobile the background begin white and the text black like deckstop version.

For the number 2 i need white background and black text default

For number 3 i need transparent background like photo 1 but when clicked white background and black text.

For examples just look the computer version of the site and do the same for mobile 

 Cattura.PNGCattura1.PNG

0 Likes
Albymorf
New Member
4 0 0
0 Likes
Albymorf
New Member
4 0 0

I need help...

0 Likes