2 replies [Last post]
tjesker
Offline
newbie
Last seen: 4 years 44 weeks ago
Timezone: GMT-4
Joined: 2009-10-19
Posts: 2
Points: 3

I installed a menu plugin and added two menu widgets to the left sidebar and then used http://purecssmenu.com to create a CSS file for a vertical flyout menu. The second menu should have a submenu flyout but when I mouseover the submenu does not appear. Can anyone tell me what I'm doing wrong? The site is http://tomesker.com/blackburn/wordpress/. The CSS is located at http://tomesker.com/blackburn/wordpress/wp-content/plugins/simple-sidebar-navigation/blackburn-menu5.css

Thanks

Tom Esker

tjesker
Offline
newbie
Last seen: 4 years 44 weeks ago
Timezone: GMT-4
Joined: 2009-10-19
Posts: 2
Points: 3

Nobody answered - so I'll

Nobody answered - so I'll follow up with the answer myself in case it's of help to anyone else.

I found:

"overflow: hidden;"

specified in the element containing the menu which was keeping the flyout from extending outside of the element. I changed it to:

"overflow: visible;"

and that fixed the problem.

BTW, to figure out where I needed to go in the CSS to fix the problem I installed the Firefox plugin "FireBug." Just mouseover the affected menu and the CSS that formats that part of the page displays in the Firebug window.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 33 weeks 5 days ago
London
Joined: 2004-06-06
Posts: 15650
Points: 2788

Sorry no one got around to

Sorry no one got around to helping out but you seem to have managed to work things out.

Firebug is a tool most of use and wish that more did too as it is invaluable for debugging, if you checked the 'how to' section of the forum you would note a short guide on using it.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me