Hi,
I’m using a bar-footer with a button that I want to have it stick to the bottom. Problem is, instead of sticking to the bottom it’s now on top of it. Any clues? Here’s my code:
<ion-content class="has-header has-footer">
<ul class="list">
<div class="item item-divider">
Items-1
</div>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-1
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-2
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-3
</li>
<div class="item item-divider">
Items-2
</div>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-1
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-2
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-3
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-4
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-5
</li>
<li class="item item-checkbox">
<label class="checkbox checkbox-balanced">
<input type="checkbox">
</label>
Item-6
</li>
</ul>
<ion-footer>
<a href="#/app/buy">
<div class="bar bar-footer bar-balanced">
<div class="title">BUY</div>
</div>
</a>
</ion-footer>