I'm not 100% sure, but I think it would be .nav-collapse {max-height:100%;
overflow:scroll;} which you would include in either your custom css file,
or in the head of the document *below* the bootstrap css. You might get
away with just the overflow:scroll, I'm not certain though!
On Tuesday, January 29, 2013 6:48:46 PM UTC, Tim Bentinck wrote:
>
> Thanks so much for that. I'm such a CSS non-expert though, it's all trial
> and error here! Would you be so kind as to give me the code I need to lob
> in, and where?
> Many thanks.
>
> On Tuesday, January 29, 2013 6:40:38 PM UTC, iange87 wrote:
>>
>> 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 [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
