Set the icon tab bar to be stuck to the slider homepage

 

Layouts 3, 4, 5 and 6 have vertical scroll and so can be set to be higher in the app so that they are stuck to the homepage slider.

Here is a simple CSS snippet to add to your app in the “ADVANCED CUSTOMIZATION CSS / SCSS” of the Colors menu:

Just add this snippet in this section to get your icon tab bar higher in the page:


.layout.l3 ion-scroll, .layout.l4 ion-scroll, .layout.l5 ion-scroll,
.layout.l6 ion-scroll {
height: 70% !important;
}


 

You can adjust the height by changing “70%” in this CSS to the appropriate height in the page.