Turn off revealing transition for certain elements only
-
Hi,
I was wondering if the revealing transitions can be turned of manually for certain elements like with the "no-animation" class for on scroll transitions? I have the issue that I have fixed position elements on the page that are flickering, because they are scrollable at first and then get to their fixed position just after the revealing animation was fired.
Here's a screencast to illustrate. When I refresh and scroll the page the elements move and get revealed and then jump back to their fixed position:
https://www.dropbox.com/scl/fi/9jt5fvhl1i586iayht1tq/Lay-Theme-Forum.mov?rlkey=pxetc7tpfy1lntab1y2ze2luz&dl=0Would be grateful for any hint if this is somehow possible:)
cheers
felix -
try to add the class:
disable-css-transitions
on the elements
does it work?
or try to give the row a class of "sticky"
then use css:
.sticky{ position: sticky; top: 0; }
and then remove your other css to make these two elements in the row fixed
this will just make the whole row sticky for the whole page, so its kind of as if it was fixed
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it