html - Bootstrap navbar - fixed on mobile on horizontal website -
i'm making horizontal website. i've tried setting top menu (navbar) position:fixed
or giving navbar-fixed-top
class, experimenting %, on mobile (iphone 5 @ least) end navbar either taking width of entire page (so menu button on right , visible when scroll last page), either it's visible on first page , scrolls away when scroll right.
here's simplified code:
html:
<body> <nav class="navbar"> here goes typical boostrap navbar construction </nav> <div class="big-wrap"> <section id="one"> </section> <section id="two"> </section> <section id="three"> </section> <section id="four"> </section> </div> </body>
css:
html {position: relative;} html, body {height: 100%} .big-wrap {position: absolute;width: 400%} section {float:left;width:25%;}
how can make navbar appear full width , sticking in same place when scrolling other sections, both on desktop , mobile (on desktop it's ok now)?
Comments
Post a Comment