ThemeShaper Forums » Thematic


Help with CSS - Drop down menu IE

(2 posts)
  • Started 11 years ago by Anouk_86
  • Latest reply from helgatheviking
  • This topic is not a support question


  1. Anouk_86

    Hi All,

    Im stuck when it comes to the drop down menu. I cannot select the children, as those disappear once I hover over them. I looked it up on the internet and found that a javascript must be added to have this sorted in IE.
    I added that javascript, but don't know what I should add to the CSS file.

    Can anyone please help me?

    .sf-menu, .sf-menu * {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    .sf-menu {
    	line-height: 1.0;
    .sf-menu ul li {
    	width: 100%;
    .sf-menu li:hover {
    	visibility: inherit; /* fixes IE7 'sticky bug' */
    .sf-menu li {
    	float: left;
    	position: relative;
    .sf-menu a {
    	display: block;
    	position: relative;
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	left: 29x;
    	top: 85px; /* match top ul list item height */
    	z-index: 99;
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
    	top: -999em;
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    	left: 170px; /* match ul width */
    	top: 0;
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
    	top: -999em;
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    	left: 10em; /* match ul width */
    	top: 0;
    Posted 11 years ago #
  2. what? dude, your post makes zero sense to me. sorry, until you clarify some things I can't help you. if you are using thematic and you need help styling your dropdown menu then please refer to the Styling the Beast section of the the mega menu thread:

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.