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.