Ionic uses components for layout. This is a gigantic time saver for your web apps. This easy trick makes an ionic item get a transparent background.

For example, if you have a horizontal top menu with transparent background items. To your global.scss add:

/** Top menu **/
.header-top {
    ion-item {
        --ion-item-background: transparent;





Saved you some valuable time?


Donate and get more free time-saving code on this website in the future.