Ionic Sub-footer Not Fixed At Bottom

I have created a footer and a sub-footer to show parameters. Now my footer stays at bottom but the sub footer is going exactly after the content. Or some times it is going behind c

Solution 1:

I got the solution of sub footer. Actually my implementation was wrong. Sub footer is to be implemented in following way. might be useful for any one else.

<ion-footer-barclass="bar-subfooter"class="bar-assertive"><divclass="modeContainer"><divclass="mode modeText "><divclass="">
         Mode:
          Modulated Mode 
        </div></div></div></ion-footer-bar><ion-footer-bar><divclass="bottomcontainer"><spanclass="fontClass">
                Intensity:
                Low
            </span><divclass="vertical-line">&nbsp;</div><spanclass="fontClass">
                Duration:
              20 Min 
            </span><divclass="vertical-line">&nbsp;</div><spanclass="fontClass">
                OnTime:
             10 Sec 
            </span><divclass="vertical-line">&nbsp;</div><spanclass="fontClass">
                OffTime:
                10 Sec 
            </span></div>