Button Hover Color Different on Mobile

Site URL: https://bellflower-swan-fhe9.squarespace.com/

Hello, 

For some reason unbeknownst to me, the color on hover of the banner gallery CTA button is different when viewed on an actual mobile device, despite being correct on desktop preview and mobile preview. I would love for the background to change to white on hover, with black text as it is on desktop. This is the "Let's Chat" CTA at the top of the home screen. Just for clarity's sake this is only happening when viewed on an actual mobile device, not within the Squarespace mobile preview. 

url: https://bellflower-swan-fhe9.squarespace.com/

pass: deena1

Thank you so much in advance

It looks fine to me. Which device/browser do you use?

On 3/13/2022 at 7:06 AM, tuanphan said:

It looks fine to me. Which device/browser do you use?

@tuanphan I apologize I didn't see you had responded. Thank you. This white color on hover was only happening when viewed on an actual iPhone, not during desktop/ mobile preview. 

On 3/23/2022 at 2:47 AM, zacht said:

@tuanphan I apologize I didn't see you had responded. Thank you. This white color on hover was only happening when viewed on an actual iPhone, not during desktop/ mobile preview. 

Thank you. This appear on initial, or when you touch on button?

On 3/24/2022 at 3:04 AM, tuanphan said:

Thank you. This appear on initial, or when you touch on button?

@tuanphan apologies for my delay in response. this is happening when touching the button. 

On 4/20/2022 at 11:09 PM, zacht said:

@tuanphan apologies for my delay in response. this is happening when touching the button. 

Try adding to Design > Custom CSS
 

@media screen and (max-width:991px) {
body.homepage a.list-item-content__button:hover {
    color: black !important;
}
}

On 4/23/2022 at 4:10 AM, tuanphan said:

Try adding to Design > Custom CSS
 

@media screen and (max-width:991px) {
body.homepage a.list-item-content__button:hover {
    color: black !important;
}
}

 

@tuanphan Thank you so much. That worked perfectly. I still can't seem to figure out why this wasn't appearing as such during mobile preview, but this was the fix. Thank you again.