1. From Content > Components I added a Navigation with Dropdown Menu (Horizontal).
2. I selected the outermost container and, in the Design panel
(a) I set the right and left padding to zero;
(b) I clicked on the Duplicate button enough times to create all the Dropdown Links I wanted.
3. I removed as many of the non-dropdown items (MenuItem 1s and MenuItem 2s) as I did not need, or made duplicates of them to create any extra ones I needed.
The above then allowed the changing of the text and creating of links etc. without any adjustment of IDs or classes. I found it important to ensure that the Dropdown menus remain at the left of each of the containers duplicated at item 2 above. Otherwise the links in the dropdown won't be aligned properly with the Dropdown heading.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.