How to make a responsive MenuBar component of PRIMENG with grid system?

Question

I am making a responsive web. I have problems with the MenuBar component of PrimeNG. I want to have the hamburger mode when i shrink the window:

The problem is using Grid System of PrimeFlex and putting the menu in a col-9, col-6 or anything that dont expand all the window. No responsive when shrinkink window:

There is any mode to have an hamburguer icon when the web shinks and reach border of the menu?

I try this and works:

min-width: 60em;

But no the smart thing to see in window and really no responsive. Also i cant put the menu in the top of the window, because is a sub-menu in a secondary window of the web.

Regards

Answer 1

This article explains you can use the styleClass attribute to achieve more complex styling behaviors ;)

here's an example.