css - How to Make Header and Horizontal Menu Consistent When Navigating Pages -


mobile app developed html5stack , sent through phonegap build. testing on ios devices (4s & 5c). noticed when click navigate new page header , menu blank out between loads, giving less seamless appearance. hoping keeping header , menu in exact location throughout pages header , menu stayed in place while else changed. i'm guessing tell me use structural framework angularjs, don't know & cannot spare more time on steep learning curve i'm climbing. perhaps next project.

my css code below.

    #menu {     width: 100%;     position: fixed;     margin: 0px;     padding: 0px; }  img.headerimg{     width: 100%;     margin-top: 0%;            padding: 0px ;                       vertical-align: top; }  .menu, .table {     position: fixed;     width: 100%;     margin: 0% ;     padding: 0% ;     color: white;     background-color: #1e3b56;     font-family: gotham, "helvetica neue", helvetica, arial, "sans-serif";     font-size: x-small;     border-bottom-right-radius: 20%;      border-top-left-radius: 5%; }  .navimg {     width: 25px;     height: 25px;     align-items: center;     position: absolute;          margin: 0px 4px 0px 0px;     padding: 2px 2px 0px 0px; } 

hopefully, there's solution out there, if have live it, have live ... now.


Comments

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

angular - DownloadURL return null in below code -

php - Cannot override Laravel Spark authentication with own implementation -