Just started playing with Laytheme, wanted to try to make an effect that I have done on other sites which were coded, but proving a bit difficult so asking here. Have checked in the forums but couldn't find a similar query.
Essentially I would like to make an element in a div (or row) fixed/sticky within that row, so that when a user scrolls through on that row, the while images are scroll as normal and the text stays in a fixed position. I suppose you have seen this before.
I have setup the premise here: http://indofutures.com/data-garden. The text I would like to make fixed/sticky would be the "Project Details" and the images to the right would scroll as normal.
This is essentially what I'm trying to do: https://jsfiddle.net/7pcr8fvz/
If you imagine that my text would be the red element (although not aligned to the top of the div, rather the middle). Any ideas on how to get this done? I've been trying to do it with pure CSS/html but hasn't worked yet.
Thanks!