Category Menu Alignment Issue

Hi,

We are using the Shop All Theme with 3 levels of menu and the 3rd level is suffering an alignment issue.

As you can see by the image at the link below, when hovering over a 2nd level menu item, the 3rd level is displayed at the top instead of beside the hovered item.

http://otron.net/downloads/superfish_alignment_issue.png

Can you please advise on how to correct this?

If you would like a link to the actual site please advise as we do not want to make this public at this stage.

Thanks, Kent.

Hi,

I found the issue. The following CSS is missing from the file:

\Plugins\SevenSpikes.Nop.Plugins.CategoriesHeaderMenu\Themes\ShopAll\Content\jquery.superfishmenu.css


.sf-menu ul li
{
  position: relative;
}

Thanks,

Kent.

Also, to avoid the sub-menus from disappearing behind the CloudZoom images, change the z-index of the .categoriesHeaderMenu to 10000 instead of 100.

Hope this help someone.

Cheers, Kent.

Hi kent,

Thank you for pointing this issues out.
Actually all of them have alredy been fixed. You just have used an older version of the Shop All theme.
If you download the theme package again you will see that this css issues are fixed and also now the Shop All theme comes with the Mega Menu plugin styled for it, so you have the option to chose which menu to use either Mega Menu or Categories Header Menu. It is up to your preferences.
You can see the Mega Menu in the Shop All theme on our Demo site.
http://themes.shopall.nop-templates.com/

Many thanks again for giving us feedback!

Best Regards,
Nop-Templates Support Team

Thanks Boyko,

Will this new Mega Menu work with nopCommerce 2.5?

Hi Kent,

Actually the mega menu is available only for nopCommerce 2.65.
I didn't realize that you could be using another version of nopCommerce.

Thanks