responsive menu bar

UI Components for React
Post Reply
Posts: 2
Joined: 22 Sep 2022, 10:58

22 Sep 2022, 11:01

I have only 3 items in the menubar, so I want to switch to hamburger mode only when the screen is really narrow.
Can I set it somewhere? Curerntly my horizontal items collaps even when it is not necessary. I would like to set the threshold about 500 pixels.

Many thanks

Posts: 3373
Joined: 22 Apr 2013, 15:48

27 Sep 2022, 13:41

Can't you just do it with CSS and media query at 500px?
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile:
PrimeFaces Elite 12.0.0 / PF Extensions 12.0.1
PrimeReact 8.6.1

Posts: 1
Joined: 25 Oct 2022, 03:53

25 Oct 2022, 04:01

Please any solution to this. Because it doesn't make sense that the menu automatically collapse on mobile even when not needed to.

I'm hoping that there will be a prop to disable this feature.
Example; <Menubar items={itemModel} responsive={false} />
In the meantime, kindly share the CSS to turn this feature off.


Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests