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.


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? – Lisa Merrick Oct 2 '17 at 13:46
  • As you want, the best is in local.css or custom.css – PЯINCƏ Oct 2 '17 at 13:49
  • You found it ?. – PЯINCƏ Oct 2 '17 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. – Lisa Merrick Oct 2 '17 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 '17 at 14:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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