I am probably missing a setting but megamenu appears not responsive in PrimeReact.
If I change the screen size to 320x480 then only column 1 is shown. There is column 2 that is visible for 50% of the size and the remaining columns are missing.
Group 5 is disabled because if used then only Group 1 is shown.
Megamenu component
Code: Select all
<MegaMenu model={megaItems} orientation="horizontal" />
Code: Select all
const megaItems: any[] = [
{
label: 'Brands',
items: [
[
{
label: 'group 1',
items: grp1,
},
],
[
{
label: 'group 2',
items: grp2,
},
],
[
{
items: grp3,
},
],
[
{
label: 'group 2',
items: grp4,
},
],
// [
// {
// //label: 'set 2',
// items: grp5,
// },
// ],
],
},
]