html - Menu won't center -
I have a menu on WordPress that I'm trying to center, but it does not centrestage itself if I have a margin It does nothing, but it does nothing, but when a certain number is determined, it does, but it does not exactly align in contrast to using auto.
css
.menu {width: auto; Swim left; Display area; } #navcontainer {display: inline; Padding: 0px; Margin: 0 px; / * - 8px 0 0 10px; * / List-style: none; Status: Relative; Z-index: 1; Swim left; Height: 20px; Width: 100%; } HTML
& lt; Section class = "twelve column text-center" style = "background: transparent;" & Gt; & Lt; Div class = "menuimg" & gt; & Lt; Img src = "http://fabioide.com/frederiksminde/wp-content/uploads/2014/10/menu.jpg" & gt; & Lt; / Div & gt; & Lt; Div id = "navcontainer" & gt; & Lt ;? Php wp_nav_menu (array ('sort_column' = & gt; 'menu_order', 'container' = & gt; wrong, 'theme_location' = & gt; 'header-menu')); ? & Gt; & Lt; / Div & gt; & Lt; / Section & gt;
Hello now, replace two css in your style sheet #navcontainer {float: none; Display area; List style: none; Status: Relative; Z-index: 1; Height: 20px; Width: 100%; Text align: center; }. Menu {width: auto; Float: None; Display: Inline-block; Align text: left; }
Comments
Post a Comment