View Full Version : display:block not working on sub-menu

09-08-2011, 03:11 PM
on this site (http://www.willowbilliards.com) when you hover over Events or Leagues in the top navigation bar, you'll see a dropdown menu. That menu is .sub-menu.

I want the .sub-menu to show, even when not hovering over it, so that I can tinker with the CSS to get the widths correct so I added this css element to try and get it to appear:

.sub-menu {display:block;}

but for some reason, it's not appearing. how i get it to permanently appear, not just when i hover over it.

please advise. thanks in advance!

09-08-2011, 10:13 PM
that's because your not "hiding" the sublinks, your css is moving them off the page. Then on hover, it moves them back on the page. This is your "hiding" code:

#nav ul, #nav .sfhover ul ul, #nav *:hover ul ul {
left: -9999px;
position: absolute;

Change the left: -9999px to be left: 0 and your sublinks will show up (all of them will show up and it will be cluttered, but you can work with them.

09-08-2011, 10:43 PM
gotcha. thanks.