0

I am trying to get the submenus on my superfish js menu to all align to the top instead of popping out of the parent li. I have tried this solution: How to get superfish sub menus top-aligned? and it did not work for me. My menu is at: http://www.chipmandesignarch.com/index.php at the bottom, does anyone have any pointers?

Community
  • 1
  • 1
box86rowh
  • 3,415
  • 2
  • 26
  • 37

1 Answers1

2

First i suggest you not to use IDs multiple times! An ID is always a unique identifier... change your <ul id="top">to <ul class="top">.

And your HTML contains a lot of <font>-Tags. Really? Are you serious? This element was deprecated in HTML 4.01!

To fix your issue remove position: relative; from .sf-menu li found in superfish.css line 8

/* change this…  */
.sf-menu li {
    position: relative;
}

/* …to this or even remove this style */
.sf-menu li {}
gearsdigital
  • 13,915
  • 6
  • 44
  • 73
  • LOL, I totally agree on the markup, I am not in control of that, it is setup woth their outdated cms. Trying your idea now. – box86rowh Apr 11 '13 at 22:28
  • OK, that worked on my vertical align issue, thank you. Now I just have to figure out why the menu is not opening to the current page's menu item by default... – box86rowh Apr 11 '13 at 22:31