I'm attempting to create a nested menu following the guide linked to below. When I get to the point where it says to add a list container that goes as expected. But I don't see an option for "On the Element pane you can adjust however many in the list you need." What am I missing?

https://www.coffeecup.com/help/articles/create-a-nested-menu-from-scratch/

I'm using Site Designer 5.1 build 3567 and Foundation 6.6.3

Related to the above. In the video when she adds a List Container it defaults to adding 3 sub items. This does not happend when I add them to my menu.

Which framework are you using

also what is the version and build number of site designer

I should also ask if you are using foundation, why not use one of the built in components?

I sjould also ask how many elements does it contain when you add it?

OOPPS didn't see you are using foundation 6
Attached screenshot of where you specify the number of elements

There are a whole load of ready made components from coffeecup here https://components.coffeecup.com/multi-level-menus.html for you to download,

If you are keen on building the menu yourself, it's not hard to do.
When you get to the point where it says you can adjust the number of list elements, I guess you have just finished adding the text-links. You need to select the 'List-container' element and then open the Element pane to be able to see where you can adjust the number of elements.

I also like building my own menus and other stuff, and I used this menu as the base for this one: https://mock-up.coffeecup.com/f-comps/f-simple-nav.html . It is basically the same one.

Addendum: If you give the 2nd list-container the class 'nested' instead of the suggested 'nested-menu', it will be a bit indented so that it is easier to spot.

Problem solved. It appears that something went wrong when I attempted to drag and drop the components in. When I right click, choose Go To>Components and then click on the component I want to drop it, the process works correctly. All good now. Thanks for the assistance.

I took a look at your example and it suffers from the same problem I am now dealing with: inconsistent hover display. Yours has three different hover reactions: font change, background change, and none. I'm trying to get three different levels to react the same with no joy yet.

Select one element
select "appy styles to all elements of this type "

select hover make your style change (colour/font-size etc whatever you wish

go to each element and do the same

Alternatively add a new class to the element (maybe with xxx-hover) style as desired go to each element that you want to have the same style and add the new class name.

Ohh and if SEO is of any matter to you (based on your first post about H1 titles ) then having a change of an element on Hover is important to let users know something is going to happen if they select that element they are hovering over (not just for navigation elements), and for accessibility factor (very important for SEO) some such thing when a link element receives 'FOCUS' (for people who cannot use a mouse for whatever reason and rely on keyboard s to navigate around (no hover using keyboard strokes)

Yes, I know. If you look at the bottom of the page of that tutorial, there is a chapter about the 'Disappearing title', and a note about cusomising the font styles. The tutorial has been created in stages. Those two pieces of advice were not there at the time when I built the component some 7 - 8 years ago, they have been added later. I think the sentence about giving all the links the same class name is new too. Just follow Wayan's advice with the font styling, and you will get it correct.

Thanks Inger! I really appreciate your assistance.