The mega menu works right in homepage, but when a customer searches for a product, it doesn't drop down.

megamenu problem

As you can see the menu highlights green but it should drop down to this

megamenu working correctly

I change the css for the z-index to 9999999 as advised in the Algolia forums but this didn't work. Any ideas guys as I'm stumped.


1 Answer 1


You have to add this property in your css:

.nav-container {
    position: inherit !important;
  • thank you, which css file do I add this to? the megamenu or the algolia? Oct 2, 2017 at 13:46
  • As you want, the best is in local.css or custom.css
    – PЯINCƎ
    Oct 2, 2017 at 13:49
  • You found it ?.
    – PЯINCƎ
    Oct 2, 2017 at 14:12
  • no not found it lol. I tried it in the .css when i inspected it but its throwing up a long file name for the .css which I presume is because its minified in the back end. Oct 2, 2017 at 14:41
  • Go to skin/frontend/your package name/your theme name/css/style.css or custom.css or local.css
    – PЯINCƎ
    Oct 2, 2017 at 14:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.