:focus on mobile does not work

[richardcech]

Hello,
it is possible that it does not work for the phone version: focus?
Is there an alternative that would replace: focus, that is, that the effect on the phone comes only after clicking on the element?

I tried: focus like this

.grid-item-mask-link:focus {
background-color: rgba(255,255,255,0.25);
}

It worked on PC but does not work on mobile device.

Is here some solution for that or some alternatives ? maybe my code is wrong ?

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi,

The :focus does NOT support the touch screen.

You could add the class .bm-hover for the “hover” status for the mobile like:

.bm-hover .grid-item-mask-link {
 background-color: rgba(255,255,255,0.25);
}

ps: the “Tap Once to Open Item on Touch Screen” should NOT be activated, or the CSS will not work.
https://doc.seatheme.net/sea-content-builder-plugin/grid-module/

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
I turned off “Tap Once to Open Item on Touch Screen” and used your code in custom css but it didn’t do anything.
What does it mean – add the class .bm-hover – do I need to do more than just paste this code into custom css?

My web page is richardcech.com

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi
The “Mouseover Effect” should NOT set as “No effect”

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
I set it up as you recommended. I turned off “Tap Once to Open Item on Touch Screen and ”Mouseover Effect ”is set to Static color + text.
I also used your code that you sent me in this topic…

….but it still doesn’t do the need for the phone version. I would like him not to do anything when scrolling down the grid projects (it did not turn any color, etc.) but after clicking on the project it turned white and started to open immediately. (whitening is only for the time from the first exact finger click on the project until the project loads)

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi,

The above answer is for replacing :focus.

but after clicking on the project it turned white and started to open immediately. (

It is a different question.
It is not possible.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Author]

Posts