Paul
KPCKevin Powell - Community
•Created by Paul on 7/17/2023 in #front-end
One and two level CSS menu
I've been tasked with making a more swish looking menu for a quite old web app at work. One of the things I've tried is using https://codepen.io/kevinpowell/pen/apxoJX as a starting point. What I am trying to do is have a sometimes multi tiered menu. Imagine a menu structure: Foo -> Foo 1, Foo 2, Foo 3; Bar -> Bar 1, Bar 2, Bar 3; Baz -> Baz 1 -> Baz 1A, Baz 2A, Baz 3A, Baz 2 -> Baz 2A, Baz 2B, etc. Foo, Bar, Baz is set up as a horizontal menu, Baz1, Baz2 is a horizontal menu, everything else is vertical.
I have got it to bring up the "second level" stuff, whether that is the vertical menu or the horizontal submenu. However, the third level menu does not want to appear.
I'm probably missing something quite simple, but I'm at that point of not knowing what I don't know.
Any thoughts?
7 replies