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:
define
width
ormax-width
of item centered, , addmargin: auto;
give item centered
display:inline-block;
, it's parent containertext-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
Post a Comment