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.
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%
}
@rdellconsulting, thank you so much, you’re a Legend!
I had to play around with a few %’s but I got it! Thanks again!