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?

Buy me a drink 🍺