Mega Menu Columns

6 posts from 3 voices

• Started 1 year ago by Scott
• Latest reply from Devin
• This topic is not a support question

Tags:

• columns
• mega menu
• menu

1. 

   Scott
   Member

   I was wondering how I could go about changing the number of columns in the Mega Menu. When I go to add a 5th column, the 5th column drops below the other 4. I suspect it has to do with total MM width and the width of each column. I was able to adjust the column widths with this css:

   #top .main_menu .avia_mega div ul li

   But then the background was messed up and the 5th column still drops down. I feel I'm on the right track, but I'm missing something.

   Thanks,

   Scott

   Posted 1 year ago #
2. 

   Devin
   Moderator

   Hey Scott,

   If you can provide a link to the site I'll take a look at the css and see if I can come up with a fix. You may run into trouble if you want to have multiple mega menus of varied complexity, but just adding a 5th column might be doable :)

   Regards,

   Devin

   Posted 1 year ago #
3. 

   Scott
   Member

   Thanks Devin,

   Here is the site: http://thelaposh.com/

   I did not change the css as I mentioned above, I left it as the original so you could determine if this is doable.

   Thanks,

   Scott

   Posted 1 year ago #
4. 

   Ismael
   Moderator

   Hello Scoot,

   Devin is right, you can change the size of the column for mega menus. Use this selector to increase the size of each column avia_mega_menu_columns_4.

   The .avia_mega 4 column is currently 962px, if you want a 5 column menu you can divide 962 by 5 minus the padding for each column then apply the result on avia_mega_menu_columns_4 selector. This might require some experiment to get the exact sizes. :)

   Regards,
   Ismael

   Posted 1 year ago #
5. 

   Scott
   Member

   Thanks Ismael and Devin,

   No luck on my end, no matter how small I made to columns, the 5th columns would always remain on the bottom. For some reason it makes the 5th column "avia_mega_menu_columns_fist" no matter what size the columns (I looked, I do not have it checked in the menu). So for now I have just made it a 3 wide MM until I mess around with it a little more.

   Scott

   Posted 1 year ago #
6. 

   Devin
   Moderator

   Hi Scott,

   It must be getting adjusted via javascript. I have not looked at the mega menu code in depth but that sounds like what is happening. I think your solution of moving to three columns is probably the best for now. I'll put in a feature request with Kriesi for additional column customization for when he gets to making changes to the mega menu code.

   Regards,

   Devin

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.