Tagged: not appearing, off screen
Hi Enfold Support,
Ever since about 3 past updates our main nav drop down menu on the right side of the menu go off screen. This appears in all browsers. Originally the right drop downs menus would open to the left if they were close to the right edge of the browser. Any way we can do a quick fix for this?
Thanks!
Hi Eric!
Please add following code to Quick CSS as well
.av-main-nav li#menu-item-3393 ul.sub-menu {
left: -100px;
}
Regards,
Yigit
Thanks Yigit! Works fine. Any idea what’s going on here? Will future updates fix this without having to modify the quick css? I feel our quick CSS file is getting a bit big and I’m worried future theme updates may cause problems. Thanks!
Hi,
Hopefully there will be a fix for this in a future release but until then I think it would be best if you kept the Quick CSS you currently have.
Thanks,
Rikard
Looks like the fix may have caused some other issues with the drop down menu. Take a look at the attached screenshot. The sub / sub menu is detaching from the main drop down. I did adjust the width of the drop down menus using this css update provided in another thread although not sure that would create the gap between the two drop down menus.
.main_menu .menu ul { width: 175px; }
Hey!
try this code:
#top #wrap_all .av-main-nav ul>li>a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
left: -174px;
}
and adjust as needed.
Cheers!
Andy
Awesome! That did it. Thank you!