How to center the menu?

  • Resolved ontariopool

    (@ontariopool)


    9 years, 9 months 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!

    https://wordpress.org/plugins/megamenu/

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

    (@megamenu)

    9 years, 9 months ago

    Hi Ontariopool,

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

    Regards
    Tom

    Plugin Author megamenu

    (@megamenu)

    9 years, 9 months ago

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

    http://www.megamenu.co.uk/documentation/centering-menu-items/

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

    Thread Starter ontariopool

    (@ontariopool)

    9 years, 9 months 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?

    Plugin Author megamenu

    (@megamenu)

    9 years, 9 months ago

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

    Houcin

    (@houcin)

    9 years, 8 months ago

    Plugin Author megamenu

    (@megamenu)

    9 years, 8 months 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)

    Regards,
    Tom.

    cassy785

    (@cassy785)

    9 years, 8 months 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!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to center the menu?’ is closed to new replies.