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
--
