Eric, those tweaks you have done seem to work very well! I'd like to lay my hands of the .rsd file to see what changes you have made. I think I have discovered some of them already...

Here is a simplied version of just collapsing the container based off of the codepen. (I took out everything else out that is regular css that can be handled by RSD). I added two classes to the js-header called "larger" and "smaller" (toggled by jscript). I greyed "smaller" class and set "larger" height to 10em. I then greyed out "larger" and set the "smaller" height to 75 px.

I had to add a remove class "smaller" in the jscript so on page load it starts in the uncollaspsed position.

No css cheating......just js

I altered the inline css that you already had after export.

:(One small issue) Since we are only adding the "smaller" class to the parent "js-header" the common way of css coding the children elements such as the "logo" will not work with the current javascript code. I have run into this before with a hover picture effect with multiple elements to animate. I now think though that using a unique class name assigned to each element you want to toggle may work. Instead of using getelementbyId we now would want to getelementsbyclassname in order to add the "smaller" class to each one which would be a major gold strike for other project coding situations. working......on it.

Twinstream and Eric, thanks for pointing me in a good direction - one each, as it seems.

I have literally been at this for a week, trying 6 or 7 different menus as the model, and in all the CC responsive site builders, and where I came short, was what to do with those 'smaller' classes. Well, there might have been more shortcomings...
And also, I guess I was too much hung up in the contents of the header, which were done with floats and inline-block, and those two don't seem to be possible to combine in the 'R' apps.

I'm not js savvy, I seem to have something blocking my brains against it. I'm glad that you and some others here know your way around it.

Thanks, Twinstream, for posting the .rsd file, and Eric, I'm actually a bit exhausted after all this struggling, so could you pretty please do the same?

If I could get this script to work it would finalize this project.

It should search for all elements with the class "larger" and add or remove the "smaller" class. This would allow us to target multiple elements like the header, logo, and the nav links.

not having it though yet....

Here's your script.

Inger, I added this to the front of your css selectors.

and then altered a few lines with minor adjustments for margin and line height.

Thanks, I'll take a look at it later today, when the bees have been provided for.

Yes, thanks Eric that works perfectly ! I will share when project is updated with those changes....