March 27, 2012 at 6:57 pm #10739
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.
ScottMarch 28, 2012 at 3:13 am #69201
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 :)
DevinMarch 28, 2012 at 2:27 pm #69202
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.
ScottMarch 29, 2012 at 9:25 am #69203
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. :)
IsmaelMarch 29, 2012 at 10:01 pm #69204
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.
ScottApril 2, 2012 at 5:03 pm #69205
The topic ‘Mega Menu Columns’ is closed to new replies.