Fixing your header might be a bit tricky. Can you post what theme you are using?
As for fixing your navbar, I think the below code will do the trick. Paste it into your child theme directory, or into the very bottom of your style.php folder. Be careful not to delete any bracket characters {} while you’re making the changes, as that could completely break your whole theme.
media="all" @media (min-width: 768px) {
.fallback_cb {
height:0px;
overflow:hidden;
}
}
Thanks Sleneau! I’m using a theme called Soliloquy by Nimbus themes… seems to have very little support on their site. Here’s a few files pasted into pastebin if you need to look at them 🙂
Style.css
header.php , header-content.php and header-logo.php in one paste
thanks so much for your help! 🙂
So, your issue is with how the logo image itself is playing with Bootstrap’s container div. It’s sitting inside of a col-sm-4 div, meaning that anything larger than I think 768px will restrict the container to 1/3 of the containing row size, pushing a full-sized image off-center.
You have two options: make the logo container full-width (col-sm-12) and add the text-center class to that same div (might work, can’t test it), or make the image itself responsive relative to its container, either by adding the class “img-responsive” to the image tag itself, or by adding max-width: 100%; to the style for the image. The caveat with making the image size responsive is that the image will reduce in size as you narrow down the browser width.
Cheers!
J
Oh – just noticed the div is one of a three-column layout, so you really shouldn’t change the number. I’d go with the responsive image solution.
thank you very very much SpankMarvin!! :)))
