Multiple row sticky elements
-
Hi everyone,
I recently update my website in a one page approach and with new design: https://www.bourgeoiscesar.com/
If you open the website you can notice that each project name+description is written after its content/images. I tried to use sticky elements to have it fixed on top (at the place of the BIO text for instance) while scrolling through and then switching to the following. The issue is that sticky elements works only in one row and you must use stacks to achieve the desired effect. I can't have the same freedom in the grid as I cant add two images side by side + aligned horizontally.
Is there any way to make sticky elements through multiple and specific rows?
Or another way with another logic I'vent even thought about?Thank you and good Sunday!
César ;^)
-
hey great website!
well you could make elements position fixed using custom css, but thats something quite different than sticky
you could make a whole row sticky using custom css, by right clicking the row, giving it a class name and then creating custom css for it
but then the row won't ever stop sticking to the top once you have scrolled it into view
im in the process of re-developing the gridder and then i will add more functionality to it
so this will take a very long time!
so at the moment theres no other way to do it except put things in a stack and yes it really limits your ability to layout things :|
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