Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.

    Thanks,

    Scott

    #69201

    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

    #69202

    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

    #69203

    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

    #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.

    Scott

    #69205

    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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Mega Menu Columns’ is closed to new replies.