I have been struggling for days trying to make a shrink nav with RSD or one of the other 'R' apps. I have not been successful so far, among other things because there are things you can't do in RSD, like e.g. setting various elements to position inline-block and at the same time floating it. The navigation in my attempt had to be positioned with flex, and I wonder if that messes up the result.

I'm adding my struggles here, along with the files from Code Pen that I was using as a model. Since all the shrink-nav instructions I have seen are based on desktop first, I have tried RSD with coffeegrinder. You will see that the logo is behaving as it is supposed to, but not the rest of the head section. Can someone take a look and maybe find out what I have done wrong?
https://dl.dropboxusercontent.com/u/109100033/basic.zip
The contents below the header is just something to fill the page with.

They look pretty much the same to me or I'm not understanding what your after.

Do you have working example from another site you could share a link to, Inger?

Have a look at this it may just need some css reset but functional. I moved everything down one adding a container away from the row.

I also repasted the css from the codepen so there might have been a error in there.....?

I think this is the link to codepen ?

https://codepen.io/lili2311/pen/dJjuL

Take a look at the code pen link that Twinstream posted. That is the one I'm trying to put into RSD. You see that the whole header area should get smaller on scroll, not just the logo.

Here is another one that I have tried in RSD mobile first without succeeding. I may try to create it with desktop first.
http://callmenick.com/post/animated-res … -on-scroll

It is the right code pen. I have also tried copying the original files, and that works. But in RSD I'd call that cheating...

One of the things I'm wondering about is the way I positioned the nav bar. I had to use flex, because there were bits in the original css that I wasn't able to do in RSD. Maybe that is causing a problem. I noticed that the navbar disappeared in your file.

I was questioning if a wrapper could be designated on a row. Should it not be a column or a container that the js-header is contained in ?

You might be right there, Twinstream. I'll make a new attempt...

You need to overide the height line 73 main.css