Viewing 7 replies - 1 through 7 (of 7 total)
  • 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

    Thread Starter clarke

    (@clarke)

    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.

    Thread Starter clarke

    (@clarke)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @mindovermattersound, If you need further support than this thread provides then consider creating your own thread to discuss your own issue.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Resizing the Nav Bar up top’ is closed to new replies.