Iphone / Safari - Html element Blinking & Disappear with fullscreen slider (magnetic slide) add-on
-
so what i see is not blinking but its the disappearing of the text
i see i see
can you put this css into lay options → custom css
.type-text{ transform: translate3d(0,0,0); }
does that fix it?
-
it worked @arminunruh!
At least the text is not disappearing anymore.However, when i activate the Scroll Element Transitions, the transition only happens one time (the first time the row appears on screen) — when you scroll again to the same row, the text transition doesn't happen again as it should (in Safari and Orion browser).
Do you have any idea what's causing this?
-
yes it is because we use the aforementioned css!
try this css instead:
.type-text.in-view{
transform: translate3d(0,0,0);
} -
hey @arminunruh
With this CSS (instead of the previous) the texts start to disappear again :/
I already tried an '!important' but it does nothing... -
well the setting:
needs to be enabled if you want to use that css
-
the website u did is really nice!!
-
Thank you @arminunruh!
Regarding the CSS, I tried activating the on Scroll Element Transitions but it was buggy, with the text on the first row disappearing and the transitions only happening the first time. I left it on for you to see.
Between those CSS options i would prefer using the first one, but it's still not ideal :/
-
so to be clear:
what you want is:- the texts to slide in from the bottom as when "activate on scroll element transition" is enabled.
- texts should obviously not blink or disappear
- texts should do that animation not just once but when you scroll up again and scroll down again, that animation should show again
is that it?
-
will work on this rn mmh
-
can you remove your custom css, then update the fullscreen slider addon?
then see if it works!if not:
can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com? -
Hey @arminunruh,
Unfortunately that didn't fix the issue :/I'll send you an email with that information right now!
Thank you -
will try and look into it tomorrow
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