So, here is the nav coming back after my messing with it a bit.

At first, when opening your two files, I had to scratch my head a bit before I got to work, though. I think you are using much too much grid, especially in the menu links. No need for grid there IMO.

It seems to work now. What I did was separating the two menu bits, the mobile from the desktop one. You'll see that in the code. Then, because the mobile nav is positioned fixed, I had to add some top padding to the nav-desktop-all container, to prevent the contents from sliding up behind the mobile nav. Also, I gave the desktop menu the same width as you had provided for it in the grid.

I popped the menu into the grid-parent, and I think it will work also with the site.

I had a look at your current site, BTW, and recognized Otto Waalkes and Karl Dall from the time I was living in Berlin and happened to see them in various pubs where they were performing. Happy memories for me, sitting in the audience listening to them, + Hannes Wader, Schobert und Black, Reinhard Mey.... Oh yeah, auch Ich hab noch einen Koffer in Berlin

https://www.dropbox.com/s/9udyo3uc0bazc … r.rsd?dl=0

Great thanks. Frank - you did all as I think it should be done - or as I would have done it - but when you see now the result - and compare with the original stand alone Nav - the menu now has a lot failures. Why did the component change ?

Inger - your changings of the Nav are a good idea - makes it more logic - however I tried to build it into the site after making Components and the result was nearly the same as with my old model. Only some more background changings. I still have to look deeper into your construction.

So you have been a Berliner - in the right times - great that the page could bring some memories back - when Berlin was a melting pot of ideas, not a "capital". ... all those good times we had ...

Yes, I see it doesn't yet work correctly with the site. I think that image up in the left corner has to be part of the desktop menu. I'll see what I can do...

Here is another go: https://www.dropbox.com/s/fpoklybwi9nau … r.rsd?dl=0

Hi Inger, yes, you nearly got it.
But how did you do it. How did you import the 2 main container into the site - I cannot see that you used Components.
When I import a component many class names are renamed - with an added -1
Did you make components and import them into the site ?
I see in the component folder of the project only owns 1 component "Desktop Nav" - but the Nav is made from 2 containers - so there should be 2 Components ?

There still is a failure - the submenus under "Lessons from India" do not open directly under the List item container but at the bottom of the Nav column.

I attach a comparison (from screen-shots from the .rsd files) of the original with the import made. I am seriously colour defective, and the changes I see are as follows -

1. Change of font for 'Home - Die ...' and 'How India invented ...'.
2. Default bullets set for the list item ('How India invented ...' and the following 3 items).
3. Background change on 'Lessons ...'.

I assume that the warning message (which I also copied into the attached comparison picture) that appeared on putting the component in the page explains those changes. I'm not too surprised given that the component is reasonably complex.

My own experience has clearly been too simple: I normally use Frameworkless, avoid @media breakpoints as far as possible (my main website has none), and remove any potential class clashes with the receiving project before creating the component.

Frank

Yes, you are right on the first glance there are only the font changes
- but when you go to preview you can see the same failure like Ingers model - in desktop mode the submenu block opens at the bottom instead directly under the Link container - I cannot trust the component - I have to compare container by container with the original to be sure that there are not more changings ... I would like to trust a Component stays what it was - a true copy - but it doesn't.
Is this a user failure or could the SD make it better ?

Hi Michael, I did use components, here they are.

You need to give the menu a background colour for the mobile menu to make it readable. I haven't looked too much into the dropdown menu, but the fact that it appears at the bottom could be that it is not actually a real dropdown, and all the top menu items have the same class name, so the submenu probably doesn't know which of them is the parent.

Thanks Inger, I will look into that tomorrow.
So you think the components I made were not really functional because my construction was not clean or as Frank said they have been too complex ?
Your version of my nav works fine - but my old version did as well.
Why do I have problems with the Components and you have not ?
Why did the components - even when imported in an empty site - change the class names by appending a -1
I cannot change the Component given class names without loosing all CSS
(what isn't the case in the original design)
I fear components will eat more time than changing a template.

Here is a new desktop-nav, which has a real Dropdown. I have not recreated your original links, though, nor have I made any changes for hover, active or focus states.

You are asking a lot of questions, and I don't know if I can reply to all of them. Look for my replies in bold between the lines.