Prime Community Forum

chrishj wrote: ↑

09 Nov 2022, 13:30

Hi

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" />

model

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,
				// 	},
				// ],
			],
		},
		
		]

Melloware wrote: ↑

13 Nov 2022, 14:43

It looks like MegaMenu is not responsive like the MenuBar is. You would have to request that as a feature on GitHub.