Hi there,
I am in need to have a Mega Menu with 5 columns. The theme assigns “three units” to each column and thus the 5th column runs out of view. I can not fix it via CSS, since this will apply to one state only (iE 1180px content width = 1180/5 = 236px).
I found avia.js taking action here. I tried to replace the factor for “three units” from 0.25 to 0.20 and I putted the avia.js into the child theme folder, without success.
Please advise on how to adjust the Mega Menu column width for 5 columns?
Thank You,
Thomas
Hi dear team,
had to dequeue the original script and enqueue the modified. But another issue has appeared:
Another menu item is also a mega menu. This one has 4 columns. The content in the columns looks lost a bit now, since I set the .three.unit factor from 0.25 to 0.20.
How can I achieve to have class .three added to the 4 columns mega menu and lets say .four added to 5 columns mega menu? It wont be enough to add
`css += ” #header .four.units{width:” + ( w_12 * 0.20)+ “px;}”;
to the avia.js – isnt it?
Hi!
it would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.
Best regards,
Andy