Start looking at Snippets here
I’ve actually spent some time going through the CSS guide and the snippets, unfortunately to no avail for what I’m trying to do.
I’ve tried the following so far:
Modify width of menu:
.navbar .navbar-inner {
max-width: 60%;
}
Ruduce the width for the “trigger” to switch to the mobile menu… no idea where to even start on this one
3. Removing the social lings row:
.social-block {
display:none;
}
.tc-header {
display:none;
}
.site-description {
display:none;
}
h2.site-description {
display:none;
}
My guess is I’ll have to somehow modify the height to half of what it is for the navbar wrapper, but I’m not sure. I presume if I don’t hide the social links and tagline first, that’ll mess up the resize too.
I’ve done some digging in the included css files and tried messing with the following regarding the “non-mobile” menu width… no success yet:
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 700px;
}
.span12 {
width: 700px;
}
.span11 {
width: 700px;
}
.span10 {
width: 700px;
}
… I’m making all changes in a child theme.
1. Correct above
2. Width is as defined in Twitter Bootstrap 2 so is fairly common. Don’t like changing the .span’s as that will impact on responsiveness.
Be more explicit on what you want and include a link to site if possible.
3. Remove social icons:
/* Header Social Icons */
.navbar-inner .social-block {
display:none;
}
/* Footer Social Icons */
.colophon .social-block {
display:none;
}
May need some more adjustments depending on what you change.
