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

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -