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

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -