Max Mega Menu
[resolved] How to center the menu? (8 posts)

  1. ontariopool
    Posted 2 years ago #

    There is no option to center the menu.
    The default location on the page comes out on the left. I've tried playing around with the padding but it doesn't move the entire bar as a whole to center.
    Also, how do I get rid of the extra space in the menu bar as I don't have enough categories to fill up the entire page wide menu length. How do you make the menu bar shorter?
    How do you center the menu on the top?

    Thanks in advance!


  2. Tom Hemsley
    Plugin Author

    Posted 2 years ago #

    Hi Ontariopool,

    Please could you send me a link to your site so I can take a look?


  3. Tom Hemsley
    Plugin Author

    Posted 2 years ago #

    I've written some documentation on centering menu items here:


    I'll add some on centering the whole menu shortly and update here.

  4. ontariopool
    Posted 2 years ago #

    Hello Tom, thanks for the attention to the matter. The link is www. ontariopoolservice. ca

    I am aiming to make the menu to be in the center of the page at all times and be responsive to changes in sizes of browsers and screens. What code would result in that?

  5. Tom Hemsley
    Plugin Author

    Posted 2 years ago #

    (setting this to resolved, user no longer using the plugin)

  6. Houcin
    Posted 1 year ago #

  7. Tom Hemsley
    Plugin Author

    Posted 1 year ago #

    Hi abosurf,

    For some reason I can't see your reply here, but I have it in my inbox.

    The thread was resolved as the original poster stopped using the plugin.

    To center the menu, you'll need to give it a width and apply a left and right margin, e.g:

    #mega-menu-wrap-primary-2 {
        width: 90%;
        margin: 0 5% 0 5%;

    (the above CSS should go into your themes style.css file, or into the Custom CSS section of your menu theme)


  8. cassy785
    Posted 1 year ago #

    Hi Tom,

    I do have the same problem/question like "ontariopool" I guess.

    I took a look at your documentation but couldnt find an answer to the question how to center the sub menu items in the mega menu panel. Do you know what I mean? Its not about the toplevel navigation but the items listet in the mega menu.

    Could you add the solution to your documentation?

    Thanks a lot!!!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic