How about something like setting max height to 100% and overflow to scroll
for navbar?
On Sunday, January 27, 2013 1:33:20 PM UTC, Tim Bentinck wrote:
>
> Hi all,
> Well I thought I'd cracked it. I wanted to keep the responsively reduced
> menu in iPhone size to stick to the top of the window, which i did by
> writing a new css file which I called after calling the
> bootstrap-responsive.css. It contains the following:
>
> .navbar {
> position: fixed;
> padding: 0;
> margin: 0;
> }
>
> @media screen and (max-width: 768px) {
> body { padding-top: 60px; }
> }
> }
>
> @media screen and (min-width: 768px) and (max-width: 979px) {
> body { padding-top: 60px; }
> }
> }
>
> Cool, it works!
> However, hoist by my own petard, the menu is too long for an iPhone
> screen, and, because it's now sticky, wont scroll down! Have a look here:
>
> www.portlandhats.com/new_site/ss.html
>
> Only solution I can think of is to squash the menu by altering the line
> height. Believe me I've tried.
> How do I do it my clever friends!!??
> Thanks, Tim
>
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to twitter-bootstrap+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
