Response title
This is preview!
Placement of jQM Buttons - how can I move them?
in jQuery Mobile
•
7 years ago
I currently have 2 buttons in the header of my page -
- <div data-role="header" class="b_header">
- <img src="../images/leather-header-tall-with-lettering.jpg" width="100%" />
- <a href="javascript:history.back();" data-icon="back" data-direction="reverse">Back</a>
- <a href="home.php" data-icon="home" data-theme="b" data-direction="reverse">Home</a>
- </div>
jQM generates the following
<a class="ui-btn-left ui-btn ui-btn-up-a ui-btn-icon-left ui-btn-corner-all ui-shadow" data-direction="reverse" data-icon="back" href="javascript:history.back();" data-theme="a">icon="back"
<span class="ui-btn-inner ui-btn-corner-all">
- <span class="ui-btn-text">Back</span>
- <span class="ui-icon ui-icon-back ui-icon-shadow"></span>
- </span>
- </a>
Both buttons are glued about 5px from the top of the header. I need to move them down some and two hours of tracking down various CSS hasn't yielded a solution. I do not want to do position absolute. Can anyone point me in the right direction?
1