css - How to align the navigation menu in wordpress? -
i have problem.. can't make navigation horizontal.. please teach me how align navigation menu horizontal , place in center in wordpress?
i'm newbie in wordpress.. please me
thanks!
here's css navigation:
#toppart #mainnav { margin: 40px 0 0; max-width: 100%; float:none; text-align:center; } #toppart #mainnav ul li { float: none; list-style: none; position: relative; display:inline; background: #16212b; padding: 9px 14px; } #toppart #mainnav ul li { margin:0; padding:9px 14px; display: inline; } #toppart #mainnav ul ul { display: inline; float: none; position: relative; margin-left:20px; top:0; left: 0; z-index:none; text-align:center; } #toppart #mainnav ul ul ul { display: inline; float: none; position: relative; margin-left:40px; top:0; left: 0; z-index:none; text-align:center; } #toppart #mainnav ul ul li { border-bottom:1px solid #000; text-align:center; } #toppart #mainnav ul ul ul li { border-bottom:none; text-align:center; } #toppart #mainnav ul ul li { background:none; display:inline-block; width:100%; list-style:square; text-align:center; } #toppart #mainnav ul li a:hover { background:none; text-align:center; } }
i think should use somethink like
#toppart #mainnav ul ul li { float: left; position: relative; }
in wordpress menus going have items inside li
tags can use properties float: left;
, position: relative;
them aligned horizontally
it not necessary change display property
Comments
Post a Comment