I have a foundation menu that has a hamburger drop down in mobile mode and switches to a normal dropdown menu from 640 / px (desktop).
I would now like to have the hamburger version up to 1024 breakpoint. So that only from breakpoint 1024 the normal dropdown menu appears.
I have transferred the styles of the mobile nav elements to the styles of the > 640 px (desktop) elements (more/non/flex etc) - everything looks correct in the SD until I click on Preview - then the container with the hamburger is there but empty.
I suspect a foundation framework property is affected - I use Glyph “menu9”. No code knowledge at all. What can I do?
SD 5.1 - 3567

You seem to have posted this twice

To change when the menu and dropdown trigger appear you simply change the display property for those elements from None to Visiible no need to change anything else

Hi Wayan, thanks. Yes I doubled my question by mistake - sorry.
Your proposal doesn't work on my sample - the visibility is not defined in "Layout-Visibility".
As you say it's in Display - I changed - from Flex to more /None. Anbd everything llooks in SD like it should. Only in Previw there is nothing....

I made a component from the menu- if someone wants to have a look

So maybe you didn't change the other one from none to flex/grid whatever it is supposed to be therefore they are both hidden

Check in the inspector panel and see if they have the little hidden eyeball icon

I did it all. I checked it again and again - mobile version and +640px version are the same.
More mxystery: if I create a component from the edited nav version (i.e. the one in which the hamburger also rules at + 640 px) and import this component into a new foundation project - then the display goes completely crazy and nothing is correct any more. As if the layout properties had all been lost. In the library, the component still looks quite good - even in the import component folder - but after the adding to the page, nothing is right anymore. The colors, the sizes - everything is gone.

Translated with DeepL.com (free version)

here is the component aftzer it has been changed - looking fine in the import folder of a new page but crazy after adding it to an empty foundation page

Where in the world did you get that menu from originally, It's a total mess up, impossible to even try to figure out what you have done. And what it should look like

thanks. I like that menu. It worked fine so far.

found the origin of my menu - it was Suzannes great tuorial here:
https://vimeo.com/286607275