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?

Received 100 so far from 4 kind contributors.