Disable MenuBar responsiveness

[leojones]

Is there a way to disable the MenuBar component's responsiveness so that it doesn't display a hamburger menu when the screen shrinks?

[Melloware]

This is actually set in the `theme.css` and not the component itself. If you want to turn it off just add this CSS to your application.

Code: Select all

@media screen and (max-width: 960px) {
     .p-menubar .p-menubar-button {
         display: none;
    }
     .p-menubar {
         position: inherit;
    }
     .p-menubar .p-menubar-root-list {
         display: flex;
         align-items: center;
         position: unset;
         padding: unset;
         background: inherit;
         border: unset;
         box-shadow: unset;
         width: unset;
    }
}