I have designed several websites in RSD2 and now have finished my second client website in SD3. I am using the Vanilla platform because I work desktop down. Up until now, when I needed a drop menu I would use CC Menu Builder and import the HTML into RSD.

Now that we have SD3 and Vanilla I would like to try building a drop menu in SD3. But I have no idea on where to start and how to make the drop down. I am very familiar with making regular menu buttons, but am lost as to how to add a drop down element to it. I am not a coder (which is why I love CC!!).

Anyone have any ideas to point me in the right direction?

I haven't done a menu in Vanilla, but below is a link to the navigation documentation.
https://docs.vanillaframework.io/en/patterns/navigation

"Vanilla includes a simple navigation bar that you can add to the top of your sites. The navigation items are collapsed behind a "Menu" link in small screens and displayed horizontally on larger screens."

Has anyone at all succeeded with a Vanilla menu? I followed Brian's link and have been trying and trying for two days flat, but I can't make it work. Not that I actually need such a menu, but I like being able to do things.

I can't get this to work either so for now I will continue using CC Menu Builder.

Thanks.

Well, Having tried a bit more, I had a good look at the css files that SD3 exported, and clearly something was missing. So I went back to the Vanilla site, checked the source code of that particular page, found a style sheet that I finally grabbed and voilà, there it was! I still have some problems with the search form, because it is not possible to follow do the same coding in SD3, so I ended up using an html element. It worked, but I'm not quite pleased with the size of the input field. Can't make it wide enough to fill the gap over to the open/close icons. But if you will bear in mind that this is work in progress, you are welcome to it, see attached.

Here's a Navbar in the Vanilla Framework:
http://tjrdevelopment.org/Vanilla%20Navbar/

This navbar was made from an example in the Vanilla documentation above. The links were changed to addresses for my domain cover site, some SD video/audio examples I made and some other sub-sites I had laying around in my domain.

The first navbar row was constructed by translating the example HTML to SD elements. The second row is from the actual example HTML itself. I have tried to made the two rows look exactly alike.

If you couldn't get a Vanilla menu to work before, it was probably because you need the CSS and JS that is NOT supplied by SD for this framework. I had to dig it out from a "save web page" of the documentation site's page.

Attached is a .zip file for the .rsd and the exported HTML.

Modify the existing example for your own needs.

I forgot to add in my last post that I did not use the "Search" element in the navbar.

Add it in for your own use.

Here is a Vanilla Top Down Responsive SD3 Menu.

I not really sure that the "vanilla framework" you reference is what "Vanilla" SD3 is for. I interpret the Vanilla to be totally free of using any framework. You use the layout tools provided by SD3 and add jquery as needed.

I think you are right, Twinstream. When I was messing with that Vanilla navbar I posted above, I was not able to get the buttons right, that is, they were supposed to have some <i></i> input. So I contacted Bob, sent him my file, and the reply was, that the Vanilla framework that Brian posted a link to, was not THEIR Vanilla. It shouldn't be necessary with that CSS and JS that had to be fetched from the Vanilla website. It's a bit weird, though. How are we to know the different 'shades' of vanilla?