I have a navigation block set up with Superfish menu styles as "Vertical menu".
If I place it on the left side (sidebar first), then it is being showed under the content (please see aqua_menu_dropdown.JPG attached. Ignore Russian language :)
If I place it on the right side (sidebar last), then menu is just clipped (please see aqua_menu_dropdown_2.JPG attached. And again ignore Russian language :)

CommentFileSizeAuthor
#3 aqua_menu_dropdown_3.JPG11.41 KBGeorgii
aqua_menu_dropdown_2.JPG16.44 KBGeorgii
aqua_menu_dropdown.JPG30.55 KBGeorgii

Comments

jeremycaldwell’s picture

jeremycaldwell commented
Assigned: Unassigned » jeremycaldwell

Try adding this bit of CSS to your "local.css" file for your theme.

.superfish-vertical {
  z-index: 11;
}

That should get the menu to display correctly and on top of the content area.

Georgii’s picture

Georgii commented

That works to solve the first part of the problem! Thanks!

Georgii’s picture

Georgii commented
StatusFileSize
new aqua_menu_dropdown_3.JPG11.41 KB

There is one side effect found with this "z-index" fix. Breadcrumb drop-down menu is now under a side bar menu.
Please see screen shot attached.

Is it possible to fix this by adding a "z-index" to another style for the breadcrumb drop-down menu?

Georgii’s picture

Georgii commented

I guess

.primary-menu {
  z-index: 12;
}

will work :)

jeremycaldwell’s picture

jeremycaldwell commented

Yeah for now that works. This will need to be reworked within Fusion Core I think so will have to take a closer look at this soon and report back here.

Georgii’s picture

Georgii commented

Thank you!

jeremycaldwell’s picture

jeremycaldwell commented
Status: Active » Reviewed & tested by the community

Changes have been made to Acquia Prosper and the menu displays correctly in all browsers. This change will be in the next release of the theme.

jeremycaldwell’s picture

jeremycaldwell commented
Status: Reviewed & tested by the community » Fixed

Changes have been made and are in the latest release of the theme.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

gmarcotte’s picture

gmarcotte commented
Title: Superfish menu drops are under content text and clipped on right block » Superfish menu drops are clipped by menu div

I am having similar problem but I think the sub menus are being clipped.

I have css:
/* super fish menu css */
div#menubar div#block-superfish-1.block {
background: #00ff00; /* just so I can see the shape of the region */
}

then change it to this
/* super fish menu css */
div#menubar div#block-superfish-1.block {
background: #00ff00;
height:100px;
}
this pushes everything down and I see more of the drop down menu but the menu will stop at the bottom of the 100px. this is not a good solution.

I tried this:
div#menubar div#block-superfish-1.block {
background: #00ff00;
z-index: 9999;
overflow: visible;
}
and this works. !!

one madding thing about css hacking is that you have to configuration -> performance -> clear cache
some times to make any small change to show up.