Okay
  Public Ticket #536532
Flickering Sub-Menu
Closed

Comments

  • Jenny started the conversation

    http://www.doulatrainingsinternational.com/NEW/contact-us/

    (Obviously in the very early stages; I just started it this afternoon)

    I have had to customize the header some to add a button to the right of the logo and the menu centered below them both. It is in the centering of the menu that my issue has some up.

    I use this technique:

    http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/

    to center horizontal menus, usually to great success. And it is working here, except when you start mousing over the various menu items to reveal the sub-menus. As soon as you mouse OFF of a sub-menu (or any main menu item that has a sub-menu), that same sub-menu will flicker on briefly to the far left.

    I removed all of the my custom css and added each line back in step by step to try to figure out where it happens, and it seems to be when I add:

    '

    header#top nav > ul.sf-menu li a {

    display:inline-block!important

    }

    '

    But I can't figure out why, or if it is actually something else in the theme that I am missing. I would so appreciate some help!

  •  8,990
    Tahir replied

    Hey ,

    Seems to be working alright at the moment in Chrome Browser ?.

    Thanks


    ThemeNectar Support Team 

  • Jenny replied

    I had done a temporary fix just to stop it form making me crazy, by setting a width on the main ul and then setting that to margin: 0 auto. But that is not ideal as menu items may be added or removed so the width would change.

    I just put it back the way I had it so you can see the behavior I was talking about. Thanks!

  •  8,990
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    ul.sub-menu {
        left: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Jenny replied

    Thank you so much!!