jquery mobile persistent navbar footer partly hidden -
using jquery mobile 1.3.1. created persistent navbar inside footer, works ok navbar partly shown. half of height hidden.
here's code, after closing div of 'content'
<div data-role="footer" dat-id="foo1" data-position="fixed" > <div data-role="navbar" > <ul> <li><a href="#" data-icon="grid">page1</a></li> <li><a href="#" data-icon="star">page2</a></li> </ul> </div> </div>
what did wrong?
i think of custom css messing navbar css. unless can show use whole page , maybe css there's nothing can do.
in case think css not cause of problem can fix navbar position css:
.ui-navbar { margin-bottom: 30px !important; }
use size in px elevate navbar correct height.
Comments
Post a Comment