Hi there – I use the left menu. The sub-menu appears to have margin on the left when I hover of the main menu item. So when I mouse-over to the sub-menu it disappears. The only way I can work out how to fix this via Theme Options is to set the “Header 7 Side Menu Inner Padding” on the left to 0, but this is not good.
.header_7 #navigation.pos_left nav .menu > li > ul.sub-menu, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul, .header_7 #navigation.pos_left nav .codeless_custom_menu_mega_menu { margin-left: -60px; }
But my install shows: margin-left: 0 !important;
Why is mine not adjusting the left margin accordingly? I realize I can fix with custom css, but this seems to be a bug.
The online demo is an old version of theme. We have made many important changes since then. Please send us your site’s url. So we can give a closer look to this.
I can’t show you the demo as I am developing in maintenance mode behind a coming soon page. I have just used the css above from your demo in the custom css and also added #logo img to that list (refer to my other ticket re: logo alignment) and all looks okay. The logo isn’t centred nice on mobiles, but it will have to do.
eg.
#logo img, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul, .header_7 #navigation.pos_left nav .codeless_custom_menu_mega_menu { margin-left: -60px; }
