I have a new web site design that needs to have a 2 line main navigation menu like this:
A few notes:
- This isn't about submenus!
- I don't want to use 2 separate menus, in 2 separate modules that are then assigned to the same position. Having 2 separate menus will result in 2 "hamburger" menus on mobile.
- I'm considering using this approach: https://stackoverflow.com/questions/769 ... -on-2-rows By using that approach I'd have a wrapping div. I would then set the width of that div so the menu wraps where I wish thus forcing some menu items to wrap to a second line.
- I'm using the Cassiopeia template so I want to work within that structure.
That's the basics!
Anyone have suggestions for how to best implement this?
A few notes:
- This isn't about submenus!
- I don't want to use 2 separate menus, in 2 separate modules that are then assigned to the same position. Having 2 separate menus will result in 2 "hamburger" menus on mobile.
- I'm considering using this approach: https://stackoverflow.com/questions/769 ... -on-2-rows By using that approach I'd have a wrapping div. I would then set the width of that div so the menu wraps where I wish thus forcing some menu items to wrap to a second line.
- I'm using the Cassiopeia template so I want to work within that structure.
That's the basics!
Anyone have suggestions for how to best implement this?
Statistics: Posted by helpwithjoomla — Sat Feb 03, 2024 1:35 am