Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #4312

    Can you help me center the top menu?

    #45821

    Also is there a way to align the dropdown on hover to be directly below the menu item as opposed to left aligned with the rest of the menu

    #45822

    Anyone?

    #45823

    Hey,

    Sorry for the late reply, I’m not sure how this question was missed.

    The top menu can’t easily be centered as the individual menu items have a fluid width and the navigation ul is set to 100% width. This means that items can be as large as required (e.g. one word or a whole sentence). In order to centre the menu, you can set margin to the left / right of the element but this would assume that the menu items won’t change.

    I don’t understand your question regarding the alignment of the dropdowns, aside from the mega menu the menu items should appear immediately under the menu item as per the demo. Can you clarify what you mean?

    James

    #45824

    Check out http://imgur.com/Woq71 . I’d like the menu to be aligned with the item – in this case “Services”

    #45825

    Hey,

    In the screenshot the menu appears as a regular menu – is this set up as a Mega Menu (under WP Admin > Settings > Menus)?

    If so, please uncheck the option and the menu should behave. If not, can you set up an account we can use to view the site / unlock the site so it can be seen?

    James

    #45826

    No it is not a mega menu, I will msg you the login details, Do you have an e-mail to send login info? There doesn’t appear to be a private messaging feature on this forum

    #45827

    Anyone? I’m not going to post account info on a public forum

    #45828

    Hey,

    please post a link to your test server. We’ll remove it after your request is solved.

    #45829

    Hi!

    ** This link has been removed as per your request to keep the link offline **

    Regards,

    James

    #45830

    Hey,

    You can modify the CSS to add margin to the left / right of the menu – bear in mind this is specific to your menu and will need manual intervention to check and adjust as necessary if the menu items are changed in future.

    In style.css (around line 256), you should find this code:

    #top .main_menu .avia_mega {
    height: 34px;
    line-height: 34px;
    padding: 20px 0 0;
    position: relative;
    z-index: 100;
    }

    Add margin: 0 200px; so it looks like this:

    #top .main_menu .avia_mega {
    height: 34px;
    line-height: 34px;
    padding: 20px 0 0;
    position: relative;
    z-index: 100;
    margin: 0 200px;
    }

    Hope this helps!

    James

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

The topic ‘Center the top menu’ is closed to new replies.