Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
That code alone doesn’t bring up any problems on the demo website.
Can you replicate the issue in CSSDesk? http://cssdesk.com
Here’s one solution to centering that I have. May give a clue to what to try:
.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%
}
May be due to the size of my logo (850×116)?
That code ends up the same as what I had before, double thickness nav bar…doesn’t look good!
This is what I mean, as you can see I haven’t really done anything on the site yet!
I think this might work:
navbar-inner {max-height:40px;} but difficult to diagnose on a jpg 😉
Change 40px to whatever works.
I had the same problem. Solved it with this (as I recall – I have a mess of custom css right now):
.navbar-wrapper .navbar .social-block {
display:none;
}
Give it a try 🙂
Ok, will give both of those a try when I get home and will update you later. Thanks for the help, I realise a jpg isn’t ideal!
@soelver solution will hide the social icons…
Fixed it (kind of)- I used:
.navbar-wrapper .navbar .social-block {
display:none;
}
.span7.inside.site-description {display:none;
}
I don’t have the tagline now (don’t really want one anyway) and don’t have the social icons but I’m sure there must be a work around there, i.e. putting them as menu icons? Will cross that bridge when I get to it! Thanks for the help guys!
By the way, setting navbar-inner max height kind of worked, it made the navbar the side I wanted it but placed it above the menu (so the menu was outside of the navbar).
@rdellconsulting > I know. But there wasn’t any in the screenshot, and the social icons plus the tagline is what keeps the menubar so high.
For now, I have them social icons in my footer and sidebar, plus links under a menu.
Might want to put them up in the top again, but this works for now. I just figured TPFoster was going down somewhat the same road. My tagline is included in my logo.
Good to hear you found a soloution that works for you, TPFoster 🙂
As long as it’s just hidden, we can always change our minds later.
Yep, thanks! I had already removed the social icons actually, it was the tagline that was causing the problem, I assumed removing the text would have been enough but apparently not. Looks a lot better now though.
Just wanted to say again thanks for the quick replies :).
