Center the header

Viewing 5 replies - 1 through 5 (of 5 total)

  • To start try:

    .navbar-wrapper .brand {
width:100%;
display:block;
}
.navbar-wrapper .navbar-inner {
display:block;
width:100%;
margin-left:25%;
max-width:75%
}

    Need to adjust with @media to get the responsiveness to work properly.

    Further complicated because the social icons and the Tagline share the same line, so not sure what you want to do.

    Thread Starter Rakoonie

    (@rakoonie)

    Thanks for that rdellconsulting – I’m not using any social icons so I just want the tagline centered directly under the logo and then the menu directly under the tagline.

    Nearly there:

    .navbar .nav {
  display: block;
 margin-left: 35%
}
.navbar-wrapper .brand {
width:100%;
display:block;
}
.navbar-wrapper .social-block {
display:none;
}
.span7.inside.site-description {
float:left;
margin-left:8%
}
.navbar-wrapper .navbar-inner {
display:block;
width:100%;

    Sorry, missed the closing bracket:

    .navbar .nav {
  display: block;
 margin-left: 35%
}
.navbar-wrapper .brand {
width:100%;
display:block;
}
.navbar-wrapper .social-block {
display:none;
}
.span7.inside.site-description {
float:left;
margin-left:8%
}
.navbar-wrapper .navbar-inner {
display:block;
width:100%;
margin-left:25%;
max-width:75%
}

    Thread Starter Rakoonie

    (@rakoonie)

    @rdellconsulting, thank you so much, you’re a Legend!

    I had to play around with a few %’s but I got it! Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center the header’ is closed to new replies.