October 25, 2013 at 12:03 pm #68876
I want to add a few pages on the Header’s Menu and when adding more than or 7 the submenu gets too long and runs down past what you can see on the screen in a laptop or tablet. Is there a way in CSS where this can be done so the submenu displays in 2 or preferable 3 columns, centered under the main parent menu instead of floating left?
Thank you!October 26, 2013 at 11:16 pm #69200
nutsandboltsModeratorPost count: 2387October 27, 2013 at 4:06 pm #69310
Here’s the link to my site: http://www.alexiourealty.com
I want to have about 20 or so pages on the subnav under “COMMUNITIES” on the main Header menu. When I had them there, the one-column subnav list is so long that runs down through the whole site, so besides looking awkward it does really work since the user has to scroll all the way down to see the whole list. I know that there are several plugins (Umber Menu, etc.) that can solve that, but I really like the menu that I have on the theme and I just wonder how it can be done using css to create a 2 or 3-column subnav.
GeorgeOctober 27, 2013 at 4:25 pm #69319
nutsandboltsModeratorPost count: 2387
It’s possible, though it’s beyond the scope of the support forum to spend time creating a custom solution like that. One thing I would suggest (other than hiring someone to help with the CSS for columns) is maybe dividing the communities so that the first dropdown has options like “Northern San Diego,” “Eastern San Diego,” etc. (or whatever makes sense for the area) and then each of those has its own dropdown. That would achieve the same goal of breaking up the nav so it doesn’t take up the entire length of the page.
October 27, 2013 at 5:01 pm #69329
I thought about dividing them like you suggested (as a matter of fact that’s how I have it on my other almost identical site), but for this site I prefer to have them show within just one hover from the parent menu. As long as it’s possible though to be done in css as you said, sooner or later I’ll figure it out! I just need an idea on how to start…
You must be logged in to reply to this topic.