wordpress - How to center Navbar and logo using sitespecific CSS -


i have been struggling figure out problem. seems quick fix using css can't seem find proper css rules make changes. wanting center navigation bar header image website http://breespecific.co.nf

the short answer have 2 primary options:

  1. define width or max-width of item centered, , add margin: auto;

  2. give item centered display:inline-block; , it's parent container text-align:center;

in both cases, item trying center should not have floats on them, , display centered relative width of parent.

in specific page, .navbar-header {text-align:center;float:none;} , #logo {display:inline-block;} should take care of logo, , #main-menu '{display: inline-block; float: none;} , .navbar-ex1-collapse {text-align:center;} should accomplish wanting (don't forget take floats out of media queries these, well).

if want use other method in responsive page, want set max-width percentage, , margin:auto;.


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -