Sub-Menu items centered in Wide Layout?

  • Resolved jbt-csm

    (@jbt-csm)


    10 years, 2 months ago

    Wonderful Plugin, Tom!
    Really apprechiate it! Just gone ‘Pro’… but some issue here:

    (Site is not yet open online, would prefer to send URL in PM)

    We have the ‘Wide Layout’ activated, not the ‘boxed layout’.

    Primary Navi: no problem to center the items of the primary navi on the page.
    BUT: how to get sub menu items also aligned center?
    Any way I tried, it always alignes them to the far left side of the screen.

    Already tried:

    – Removed residual styling
    – Editing theme: parent menu item -> settings -> Sub Menu Settings -> Sub Menu Align -> either Left or Right edge of Parent
    – several custom changes of /maxmegamenu/style.css

    Still no change.

    So-so Solution:

    Menu Themes -> Mega Menus -> Panel Width -> Outer Width: 100% / Inner Width: 800px
    Then adjusting the number of colums according to the number of sub items.
    This works, but doesn’t look nice on mobile menu…

    Any ideas or solutions here? Would be great!

    https://ww.wp.xz.cn/plugins/megamenu/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    10 years, 2 months ago

    Dealt with through Pro support (if I remember correctly!)

    Regards,
    Tom

    Thread Starter jbt-csm

    (@jbt-csm)

    10 years, 2 months ago

    True, Tom.
    Thanks again very much. Here’s what helped me with this problem, in case you face similar issues:

    a) Tom recommended to try setting the Panel Width (inner) to:

    “#content” instead of 100% or 800px or something. That didn’t align the sub menu items to the center, but looked very much better than before.

    As a side note, Tom said, if you refresh the page at “mobile width” (as if the page has been loaded on a mobile) the menu will be structured correctly. Hopefully making this change to the menu theme will fix it so that it works when the page width is reduced too.

    b) Tom also gave this tipp: The “Menu Items Align” setting is just for the top level items and refers to the menu item alignment rather than the text alignment.

    To center align the text in the sub menus, please add this to the Custom Styling section of the menu theme:

    #{$wrap} #{$menu} li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    text-align: center;
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sub-Menu items centered in Wide Layout?’ is closed to new replies.