drop-down menus in the Drupal theme CTI-flex

The suckershish menus in CTI_flex are afflicted with a common problem in many suckerfish implementations. There is a small gap between the parental branch and the leaves. If the font is set larger than expected the dropdown will disappear when the user doesn't pause above the parent and moves the mouse down which can get frustrating.

This will always be a problem to some degree if you have people that visit with a browser that has a minimal font size set, which is a common setting with older visitors. The following lines in the theme's CSS file will help minimize the problem.


#suckerfishmenu ul.menu li li a:link, #suckerfishmenu ul.menu li li a:visited {
margin-top:-2px;
}

This allows you to adjust the width () of the sucerfish menus
#suckerfishmenu ul.menu li li a:link, #suckerfishmenu ul.menu li li a:visited {
width: ;
}

#suckerfishmenu ul.menu li ul ul {
margin: -25px 0 0 ;
}

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

yo

cool article dude

cool

nice blog!

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Image links from G2 are formatted for use with Lightbox2

More information about formatting options