(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.
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!
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!
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!
Hey ,
Seems to be working alright at the moment in Chrome Browser ?.
Thanks
ThemeNectar Support Team
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!
Hey Again,
Thanks
ThemeNectar Support Team
Thank you so much!!