Position: sticky not working after update
-
Hello,
I worked in a site about a year ago and I used Laytheme.
Everything was working fine when it was delivered, but now that the client updated to the latest version, we have a problem on the about page.We had a "position: sticky;" in the text part (div class=“first row”). So the text would get fixed and as you scrolled only the images would go up.
However, this is not working anymore.
I already spent more than an hour trying to figure it out without success. What changed from the previous version?
Thanks,
André -
Dear @andrefrcandido
I saw that the sticky tag is causing problems.
You can use JS to achieve the same.Best!
Marius -
i think sticky only works if all parent elements are not position: relative; but position: static.
you could search through the elements using "right click" → "inspect element" and see if any parent element has position: relative and change its position property to static
good luck
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it