Menu hover hides top menu item

Permalink Browser Info Environment
Using Classy-Business with Superfish. Main problem is that when a user hovers over the primary menu item, the drop-down hides that item, making the primary page impossible to visit. Try this at None of the x-index settings seem to help solve the problem.


Type: Discussion
Status: New
View Replies: View Best Answer
GregJoyce replied on at Permalink Reply
Hi Mark,
I took a look at your site.
Using Chrome's "inspect element" feature I was able to get it looking better using these settings:
#sf-menu2348 .sf-menu ul.sf-submenu li {
display: block;
float: none;
height: auto;
left: 0px;
min-width: 135px !important;
position: relative;
top: 50px;
width: auto !important;

I only changed "top" from 0px to 50px. I wasn't able to save your site / check css etc, so I haven't checked it in IE7 yet. Let me know how it works for you.
rbucky replied on at Permalink Reply
Hello Greg -

Unfortunately, the code that Chrome spews out combines many elements in a way that does not truly represent the CSS. Adjusting top does not fix this issue. Starting to get a headache :-) I would attach the CSS file, but I am uncertain about the licensing issues with providing the sheet.
ryan replied on at Permalink Best Answer Reply 1 Attachment
Hi Mark,

Try pulling out - or commenting out the entire "Navigation" section of the classy blue theme's screen.css file.


Clear your browser cache, then see where that gets you.

The problem is that this css:
div#navigation ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float: right;
   height: 52px;
   position: absolute;
   top: 0;
   right: 0;
<? ?>

is positioning the sub-menu ul at the top of it's containing list element and that's overriding superfish's positioning.
rbucky replied on at Permalink Reply
Good call Ryan. Commenting out the Nav section nearly produces the results that I am looking to achieve. A little CSS revamp on the Superfish and I am in business. Thanks for that one...

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.