How can I prevent Meteor Mega Menu from overlapping the search bar?

Store Design
, ,
1

Hey guys,

Does anybody know how I can change my menu overlapping my search bar?
Website: https://www.instant-print.com

Themes Template: Warehouse

Menu Plugin: Meteor Mega Menu

DE_IP_0-1701965933539.png
DE_IP_0-1701965933539.png2177×525 86.1 KB

Thanks!!

2

Hi @DE_IP , go to meteor-menu.css and add the following code:

.Meteor-DesktopNavigation {
    
    z-index: 0 !important;
}

Hope that help you.

1 Like
3

I didn’t have a meteor-menu.css, but was able to add this code into theme.css and it seems to have worked!
Thanks!

1 Like
4

Hey @DE_IP ! Brett here from the Helium support team for the Meteor Mega Menu app :waving_hand:

I can confirm that there currently appears to be a conflict between the app and warehouse. Using CSS to adjust the z-index as recommended is the correct solution to this, and our team is working on implementing a full fix for the issue on our end as well.

I can see that you were already able to implement the solution, but if you need any further assistance or if any other app users need help with this, feel free to reach out to us directly at support@heliumdev.com or via in-app chat.

1 Like