Hi there

How do I change the superfish dropdown primary menu width and height? There's a 1 px difference to the left and above the dropdown hover and I've been trying to change it but I haven't made any progress, that's some complicated css!

Here's a link:

http://mandynichols.com/user

Any suggestions? Great theme btw. :0)

Comments

jeremycaldwell’s picture

jeremycaldwell commented
Assigned: Unassigned » jeremycaldwell

Width is the easiest thing to change on the menu as the height of the menu changes as to how many items are in the second level. Here's a bit of code that changes the width of the menu from 200px to 300px to give you a little more width in the menu. You can change the code below to fit your site however you need though. 

.primary-menu-inner ul.sf-menu li ul.menu {
  width: 300px;
}

.primary-menu-inner ul.sf-menu li ul.menu a:link,
.primary-menu-inner ul.sf-menu li ul.menu a:visited {
  width: 280px;
}

.primary-menu-inner ul.sf-menu .current ul,
.primary-menu-inner ul.sf-menu ul li:hover ul,
.primary-menu-inner ul.sf-menu ul li.sfHover ul {
  left: 300px;
}

Hope this helps!

hailaz’s picture

hailaz commented

Hey thanks - that's great! Much appreciated :0)

jeremycaldwell’s picture

jeremycaldwell commented
Status: Active » Closed (fixed)
greal’s picture

greal commented

Have a look at this post. Has been very useful to me:
http://drupal.org/node/997002