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
Post a Comment