Float Physics - Hover push Text FX
-
Hello!
I'm trying to apply the Hover Push effect to text blocks (Headlines). Everything is perfectly aligned in the Gridder view. However, when I preview the effect, the text jumps to the right. At this point, the Hover Push effect hasn't been triggered yet, which means the text block should still be aligned within its column. In my example, the text block is aligned to the left in column 2. In the preview, the text block jumps past column 3.
How can I ensure that the text remains aligned within its column until the effect is triggered?See the attached images for reference
Thank You!


-
well, when you enable float Physics for elements, then they are actually getting position absolute. So they are positioned exactly like if you would enable "place freely" for them.
This means that their positions will be in percent. If you would make sure that the left and right frame are set in percent and the column gutters are set in percent too, and maybe also the top frame is set in percent, then maybe it will be positioned better. Can you try that?
-
actually, I just tried it out with pixel sizes, and it lines up correctly for me.
This is my configuration:




Do you mind sharing a screenshot of how you configured your frame and column gutter and the float physics themselves, because there are so many configuration combinations
For paid 1-on-1 Lay Theme Coaching, contact Audrey (audrey@cyberslayers.work) or me (info@laytheme.com).
We also code custom websites or bespoke Lay features. Drop me a line at info@laytheme.com or check out my work at arminunruh.com.
Want to support my work? paypal.me/arminunruh
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