I’ve moved the main navigation out of the header and into the sidebar.
I’ve made it stack vertically mostly by limiting the width in the css (if I don’t, it wraps to the width of the sidebar (240px)). My understanding is that normally one displays a list menu horizontally by using “display:inline;” but there was no instance of that in the original css. I’ve used “li {display:block;}” to try and force it vertical, but to no effect.
My problem is that the sidebar width is 240px, and if I offset the submenus too much, they’re cut off by that width. The menus have a “z-index: 99999”, and they display properly when the menus are in the header (overlapping the content) so I didn’t expect this problem.
I’d like them to be offset further to the right than I have them at this time.