Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #563477

    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

    #563513

    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?

    #564550

    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.