Ionic header overlaps ionic content


Am using ionic v1. whenever the content increases in the sub header it overlaps the ionic content.

<ion-header-bar> This contains main header contains icons and search bar </ion-header-bar>

<ion-header-bar class="bar-subheader"> Subheader content </ion-header-bar>

the subheader content is dynamic. so it may break into next line if the content exceeds the size.

I tried adding a margin-top to ionic content but in larger devices it shows a space between subheader and content.

Also, tried with position relative for ionic content. but that time scroll is not working.

Any other way to start ionic content just after the sub header without any margin or padding.

Note: all the classes "has-header has-subheader has-footer " are there.

Please help me on this