Hello

I thought if you selected positions - sticky that it would make the row sticky - like a sticky navigation?

Thanks

Byron

Well menus can be different if that is what you are wanting to stick? Depends on the parent basically....

Okay well let's start with the sticky position, it's relative to until it gets to a threshold then gets fixed to the parent. So in RSD you add a top 10px or 1% position value for the threshold when you add the sticky position, you will also see it work in the window without a preview.

Now on an image we can't get to those elements so you have to put it in a container and stick that.

You kind of have to watch how you stick things that can change width at breakpoints, especially if you have two or 3 elements. I did an example here: http://gordw.com/rsd/test/hover/ where I used percentages for mid & large then static for small.

You see how that works? So with a menu it depends on what the parent is... could be the column like the TUTORIAL I did for drop downs here: http://gordw.com/rsd/ul-bar.html and go down to The horizontal menu sticky or normal (static) that one I stuck the row using the page as the parent. Your menu might be a UL that is in a div then you'd stick the UL depending on what you ar doing? Could be you are just missing the top position value for it to become fixed too?

You also have to have enough space for a scroll to begin with too, no scroll no sticky.

Okay I re-wrote that STICKY EXAMPLE a bit.
I made a few different things with a sticky position on them this time,
hopefully I didn't make it too jumbled up again?
http://gordw.com/rsd/test/hover/
You might need to refresh your browser to see the changes?

Hi Byron

Who are you trying to stick it to & where are you wanting to stick it


OOOOPS sorry that should read
WHAT are you trying to make stick & WHERE are you trying to make it stick