chadderuski:
How to Style the Drop Menus...
Hi Anne,
I was hoping you could provide a little insight into stylizing the drop menus. I kind of like a roll over (hover) box effect. Something like what I did here:
http://royalindustriesinc.com/
But adjusted to fit in with my clients color scheme.
The mega-menu is really nice, but a bit more complex to style than what I used at Royal's website which all I had to do was style the #div hover:li {}.
Also, is it possible to target one drop menu only? I think it is from what I understand of CSS class specifiers, but I'm really a CSS NOOB ;p
-chadd
You can definitely isolate just one of the drop downs by either using the css classes that are already there, or you can edit the includes/templates/abbington_mega/common/tpl_mega_menu.php file and adding your new classes.
If you want to add an on hover background color to the links you can add something like this:
.mega-menu .levels li a:hover, .mega-menu .levels li li a:hover, .mega-menu .levels li li li a:hover{background:#your background color;}
Thanks,
Anne