-
Posts
-
I’m having some issues with my dropdowns and the sub-menus. For instance, http://vistaridge.org/, hover over the About menu, then go down to Adventist Education, and the sub-menu for that, 10 Reasons… overlaps Adventist Education a bit. I tried the following CSS, which works, except that it then messes up the mega menu under Campus Life. I can’t seem to get this to work for sub-menus OTHER THAN the ones in the mega-menu under Campus Life.
#top .av-main-nav ul ul { left: -300px !important; }Thanks for your help! :)
Hey Taryn,
This CSS works for me when I try it in the browser, where exactly did you put it?
#top .av-main-nav ul ul { left: -300px; }You could try to add important to the statement if it doesn’t apply:
#top .av-main-nav ul ul { left: -300px !important; }Best regards,
RikardI put it in Custom CSS. Yes, it does work for regular drop downs, like under About and then Adventist Education. But like I said, it then makes the mega menu wacky – like the Campus Life menu. There are usually 3 items under Happenings at VRA – when this code is in place, those are shifted to the column to it’s left, and so on throughout the mega menu.
Hi Taryn,
https://cl.ly/13482b27e089 It seems to look fine on my end, did you manage to get it working?
Best regards,
VictoriaNo, I did not. Since the site is live, I don’t have the code in place, as it messes up that Mega Menu. Does anyone have a fix perhaps? :)
Thanks!
It seems to be working now. I installed a cache plugin and now it works. I usually have the opposite problem with those. Thank you all for your help!
- You must be logged in to reply to this topic.