Canvas Support

Remove button overlay on mobile

3 replies · opened Jun 28, 2023

AAndreRairanJun 28, 2023

Hello,

Is it possible to remove the button overlay effect on mobile only?
I need to click twice on the button on mobile to activate it. One time to change the overlay and the second for the link.

Thank you,
André.

SSemicolon WebSTAFFJun 28, 2023

Hello,

Please let us know which Section you are point to with a Screenshot, so that we can understand this in a better way and provide you with further assistance. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

AAndreRairanJun 28, 2023

Hi,

I mean all button.

For example the "lease your roof" button in the slider section.
On desktop, when you hover it changes from green to dark.
On mobile, when you tap, it changes from green to dark.
Is there a way to not change colors on mobile?

Thanks you.

SSemicolon WebSTAFFJun 28, 2023

Hello,

We are not sure that this will solve the issue but you will have to do this manually for the Buttons or any other Elements according to your needs. Also, something like this has never been reported before so we are not sure what is causing this as it seems to be working fine on our touch devices.

You can consider disabling the hover animations on the Button using the following code:
[ch_pre type="css"].device-touch .button {
transition: none !important;
}[/ch_pre]

But any further customizations or adjustments must be done manually using the css/custom.css File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard