Center the top menu

11 posts from 3 voices

• Started 2 years ago by connectshrink
• Latest reply from James Morrison
• This topic is not resolved

Tags:

No tags yet.

1. 

   connectshrink
   Member

   Can you help me center the top menu?

   Posted 2 years ago #
2. 

   connectshrink
   Member

   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

   Posted 2 years ago #
3. 

   connectshrink
   Member

   Anyone?

   Posted 2 years ago #
4. 

   James Morrison
   Former Team Member

   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

   Posted 2 years ago #
5. 

   connectshrink
   Member

   Check out http://imgur.com/Woq71 . I'd like the menu to be aligned with the item - in this case "Services"

   Posted 1 year ago #
6. 

   James Morrison
   Former Team Member

   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

   Posted 1 year ago #
7. 

   connectshrink
   Member

   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

   Posted 1 year ago #
8. 

   connectshrink
   Member

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

   Posted 1 year ago #
9. 

   Dude
   Dude

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

   Posted 1 year ago #
10. 

    connectshrink
    Member

    Hi!

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

    Regards,
    James

    Posted 1 year ago #
11. 

    James Morrison
    Former Team Member

    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

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.