Display only active item with PrimeNG Steps

Question

I'm using the PrimeNG Steps component and I'd like to hide disabled menu items when I'm on a mobile.

I've tried with CSS but it does not work...

<p-steps [model]="steps" [readonly]="true" [activeIndex]="activeIndex" [styleClass]="'custom-steps'"
</p-steps>

@media screen and (max-width: 768px) {
    .custom-steps .p-disabled .p-steps-item {
      display: none;
    }
}

Do you have any ideas ?

Thanks a lot.