I come to you with a weird effect. I have a button that on hover should become white. On the live website however it becomes yellow. I have checked:
-all the hover states (from links to other buttons and CTA items).
-custom code I’ve written as well to see if I influence the global buttons…
The weirdest part is that I haven’t used the yellow color as hover anywhere…
I have tried to simply add a Background color on the hover state and doesn’t change anything on the live version. Here are screenshots:
I am showing the site was last published yesterday from the published html timestamp, is it possible for you to do a site publish to the domain which is not being updated and share a link to that page directly to help check?
From the read only link, things look ok to me, the site may need a publish.
It looks like there is an override style for the 1280px viewport which has been created at one time. I can see that this hover style with yelllow background is defined at the 1280px breakpoint:
I tested on 1279px viewport and that renders the hover color correctly:
I am not exactly sure how that larger viewport override style has been set, but I am looking in to it, I have not yet been able to reproduce, it could be this element was copied and pasted from a source where the 1280px viewport was already created.
I would recommend to create the 1280px breakpoint on the project then remove the hover background color at the 1280px viewport.