WordPress website sub menu items divided in to multiple columns - fixed
How to make wordpress menu divided in to multiple columns the easy way
1: Enable CSS Classes if its not show in in menu list
2: Go to Appearance > Menus and select the menu you want to edit.
3: Type
sub-menu-columns in the top menu item CSS Classes (optional) field.
4: Save menu module
Go to theme CSS page
5: Add bellow block of CSS to your stylesheet
.submenu { width:410px; } /*You can set width to anything you want */ .sub-menu-columns ul.sub-menu li { display: inline-block; float: left; width: 200px; } .sub-menu-columns ul.sub-menu li:nth-child(odd) { float: left; margin-right: 10px; } .sub-menu-columns ul.sub-menu li:nth-child(even) { float: right; }
You are done!!!
If you know any other options please share on comment box
Share This:
Jithesh P R
I'm Jithesh P R creative Graphic and web designer. I have a passion for designing creative Graphics and modern Websites, Specialized in creating W3C standard websites And WordPress based CMS Websites..
No Comment to " WordPress website sub menu items divided in to multiple columns - fixed "