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.
