Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1277899
    TiDs
    Participant

    Hey all,

    Hopefully someone has an answer to this! For my top bar inline menu for main nav, the menu items are not aligning correctly. I think this is due to the fact that the two items that are out of alignment are links that have drop down menu items. They seem to be just a bit lower than the items that do not have drop down options. If I remove the drop down menu items, the menu becomes aligned correctly again. Is there a way to ensure that the menu will be inline correctly while still having the drop down items available?

    #1277908
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1278802
    TiDs
    Participant

    Hi,
    Thanks. Here is the url:

    http://ecbiz173.inmotionhosting.com/~erickl6/www.chrisklaxton.com/

    The two menu items that have drop downs appear to be lower than the rest of the menu items…is there a way to fix this?

    #1278877
    TiDs
    Participant

    Any ideas?

    #1278954
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    .x-navbar .desktop .x-nav>li#menu-item-8337 a {
    margin-top: -3px;
    }

    Hope it helps

    Joao

    #1279033
    TiDs
    Participant

    That helps, I had considered using a negative margin, but feared it would effect different screen sizes, but looks like it should be good!

    #1279168
    Joao
    Moderator

    Glad to hear it 🙂

    Joao

  • <script> jQuery(function($){ $("#no-reply-1277899 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>