Web Analytics Made Easy -
StatCounter display:block not working on sub-menu - CodingForum


No announcement yet.

display:block not working on sub-menu

  • Filter
  • Time
  • Show
Clear All
new posts

  • display:block not working on sub-menu

    on this site 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!
    Last edited by sixrfan; Sep 8, 2011, 09:13 AM. Reason: asdf

  • #2
    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.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.


    • #3
      gotcha. thanks.