Resizing the Nav Bar up top
-
Hello,
I’m working on my site, trying to make the logo bigger, which I’ve been able to do, but t’ve found that the navbar is too big and obstructs part of the logo. I’d like to shrink the navbar in order to accommodate the full logo. Anyone have any ideas on how to do this? Everything I’ve tried so far hasn’t work. I’m not very good at CSS.
Currently, I have the navbar moved down some so that the full logo displays.
The site is jwjeffery.com.
Thanks,
Josh
-
wait, so what do you want it to look like? I don’t follow
You mean you want the navbar/menu not so wide?
Hi all,
@electricfeet, after looking at his site, it seems like he is wanting the menu not as wide for sure. I’m actually looking to do the same, and very very on the novice level with css.
It does look to be a percentage of the screen, aligned right. If someone knows how to point me and clarke in the right direction, I think I can speak for clarke too in saying we’d appreciate it!
Thanks so much guys.
Andrew
Oh, and my site is mindovermattersound.com
Hey all, sorry for taking so long to respond. Yes, I want the nav bar/menu not as wide. I’d like it to start on the right, and run a few pixels short of my logo on the left. I will bring the logo back down so that the nav bar and logo are aligned.
Does that make sense?
I don’t know the answer. However, most of the horizontal stuff on the twitter bootstrap is based on the “spans” which add up to 12. So if you find something that says:
<div class="span4"> <p>whatever...</p> </div> <div class="span8"> <p>whatever...</p> </div>
then the first part will take up a third of the horizontal space and the second will take up 2/3rds. If you play around with 5-7, 6-6 combinations instead, you’ll achieve your end. Watch out for responsive unintended consequences, though.
I think that’s where you should be investigating (together with a good inspector like Firebug or Safari’s, but I may be wrong.
I eliminated span5, which removed the area for the blog tagline. It shortened the height of the navbox, instead of making it less wide. I’ve not found another span that I can remove.
@mindovermattersound, If you need further support than this thread provides then consider creating your own thread to discuss your own issue.
- The topic ‘Resizing the Nav Bar up top’ is closed to new replies.