Apr 21, 2021 in Ionic, Angular

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;
    }
}