Help troubleshooting CSS flyouts

  • Resolved bodhidude

    (@bodhidude)


    14 years, 1 month ago

    Hey there
    I’m developing a custom theme that has a left navigation menu consisting of images with a javascript mouseover function. I have a few submenus which are sub uls under the main list and I’m trying to create a CSS based flyout so when I mouseover a link with a submenu I get a flyout. I’ve made this work before but I’m having some trouble here, if anyone can help me figure out why my submenus are flying I’d appreciate it ??
    The url of the site is https://www.greatlakesnaturalmedicine.com/wp/
    This is the CSS – https://wordpress.pastebin.com/1vjvYGgv
    The DIV is called Nav for this…..
    thnx

Viewing 2 replies - 1 through 2 (of 2 total)

  • Your CSS and HTML doesn’t match.

    You have the following CSS rule:

    #nav ul ul li:hover ul {
        display:block;
}

    But you HTML is something like this:

    <div id="nav">
	<ul>
		<li></li>
		<li></li>
		<ul><!-- the flyout -->
			<li></li>
			...
		</ul>
		...
	</ul>
</div>

    Thread Starter bodhidude

    (@bodhidude)

    thank you ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help troubleshooting CSS flyouts’ is closed to new replies.