Highlighted button color is changing on mobile

[Albymorf]

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!

[KetanKumar]

@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

[Albymorf]

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 

 

[Albymorf]

@KetanKumar 

[Albymorf]

I need help...