Mega Menu defaults to 3 column widget width

  • Resolved chill1

    (@chill1)


    10 years, 1 month ago

    I put one text widget into a Mega Menu, and it filled only 1/3 of the space. I identified the following code and added it to my child theme to make the width 100%.

    #mega-menu-wrap-primary-menu-3 #mega-menu-primary-menu-3 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2 {
    width:100%;
    }

    However, I really want the widgets to occupy 50% of the width if there are two widgets, and 33% of the width if there are three.

    Can anyone help me with why it defaulted to 33% width for one widget?

    Website is https://03a73f3.netsolhost.com/wordpress2.

    https://www.ads-software.com/plugins/megamenu/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello chill1

    add this to ur theme custom css, or to jetpack custom css, or to child theme style.css

    #mega-menu-wrap-main-menu-12 #mega-menu-main-menu-12 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1 {
    width: 25%;
    }

    #mega-menu-wrap-main-menu-12 #mega-menu-main-menu-12 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2 {
    width: 50%;
    }

    #mega-menu-wrap-main-menu-12 #mega-menu-main-menu-12 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3 {
    width: 75%;
    }

    #mega-menu-wrap-main-menu-12 #mega-menu-main-menu-12 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4 {
    width: 100%;
    }

    then if u want 1/4 column, push it only 1 time, for 50% push it 2 times, for 75% 3 times and for 100% push 4 times, even the admin panel will show not 100% but front end will take it in consideration ??

    enjoy

    I added this code, but it isn’t working. It looks like it set the width to 25% but for some reason its not bringing up the fourth menu.

    Code:

    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2 {
width: 25%;
}

    Image: https://s10.postimg.org/csc8hq98p/Untitled_1.png

    Thanks,
    Steve C

    Plugin Author megamenu

    (@megamenu)

    Hi All,

    Just to let you know that in the next version you’ll be able to select the number of columns for each mega menu. You can also select the number of columns that second level menu item lists should span across.

    So for example you could say “This mega menu panel should be 3 columns wide, and if there are lists of sub menu items to display, give them 1 column each”

    I’m not sure what effect these changes will have on your custom CSS, but hopefully you can just remove it and use the built in functionality.

    Regards,
    Tom

    MohammadAmine
    What do you mean by “then if u want 1/4 column, push it only 1 time, for 50% push it 2 times, for 75% 3 times and for 100% push 4 times, even the admin panel will show not 100% but front end will take it in consideration :)?”

    Plugin Author megamenu

    (@megamenu)

    Hi All,

    I’m not fully sure what this thread is about, but in v1.5 onwards you should have total control over the number of columns each mega menu, and the number of columns that sub menus and widgets span.

    If you need any help from me please start a new topic. I’ll set this to resolved, but feel free to keep posting here if it’s useful for you (just I will not reply here!).

    Regards,
    Tom

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mega Menu defaults to 3 column widget width’ is closed to new replies.