Solved Helix Framework

Overlapping menus

Asked by Allen 4 years ago Last activity 4 years ago

Hello all,

I have a page where I created a second menu bar published to the page as a module to allow people to filter events. It works fine, but I have found that the Megamenu drop down sub-menu displays under the second menu.

You can replicate the isse at https://www.certifiedinfosec.com/event-calendar/find-events by simply hovering over the "Services" menu item in the top Megamenu navigation bar. I need to ensure the top navigation bar stays on top over the second menu below.

I'm sure a little extra CSS code somewhere will probably fix the issue, but I'm pretty ignorant in that regard. Any recommendations?

Thanks,

Allen

Accepted answer

Marked as the solution

Ofi Khan Staff

4 years ago

I have fixed it. Please look at the screenshot: https://prnt.sc/TBa3c_7a8kHr
This is the place you should add your Custom CSS.

13 more replies

Mehtaz Afsana Borsha Staff

4 years ago

Hi,

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Allen Asked this

4 years ago · edited

The screen capture is at https://drive.google.com/file/d/1JD0JVrmUCjVg3GY0mmWjTOH7ieSQEl1I/view?usp=sharing

Allen Asked this

4 years ago

Bump

Mehtaz Afsana Borsha Staff

4 years ago

Hi,

Sorry for the delay. We had weekend that's why late reply. By the way Which one? Could you please create a screencast of your issue? It easy for me to understand the issue properly.

Screenshot 2022-05-30 at 1.22.53 PM.png

Allen Asked this

4 years ago

I already made a screen capture for you in my previous post, and even annotated it. Did you click the link to view the screen capture? Again: https://drive.google.com/file/d/1JD0JVrmUCjVg3GY0mmWjTOH7ieSQEl1I/view?usp=sharing

Mehtaz Afsana Borsha Staff

4 years ago

Please create a screen video not screenshot.

Allen Asked this

4 years ago

If you still need it, then here you go: https://drive.google.com/file/d/1ZpMUklRLcyn39c6flqK9ee33D4PL6EuC/view?usp=sharing.

I narrated the video too. I hope this helps.

Ofi Khan Staff

4 years ago

Hello Allen

Please use this CSS to Template Options -> Custom Code -> Custom CSS

div#maximenuck1354 ul.maximenuck{
    z-index: 1 !important;
}

Best regards

Allen Asked this

4 years ago

Hello Ofi,

I tried it, and it didn't work.

There are three places to insert custgom CSS code, and I tried all three. The problem perists, and your reocmmended code is visible a the top of the page on all pages, or on the bottom when I use the code in CSS Before </body>.

Ofi Khan Staff

4 years ago

Apology for the inconvenience. Please share your administrator access here and I will do it for you. Use the Hidden Content box to share the credentials.