Public Ticket #1414906
Mega Menu behind certain page elements


  • k_grinder started the conversation

    We are having a few problems with the mega menu.  It will go behind certain objects and be on top on others (like it should).  So on this page: https://production-feisthamel-dds-com.gubdebd7-liquidwebsites.com/dental-solutions/revitalize/

    The mega menu is behind the images or row of the featured pages.  I moved elements around and the mega menu would be on top like it should.  Except it is always behind the featured pages and I noticed it also goes behind the separators too.

    I tried working with the z-index of each element but that did not work and besides they looked correct anyway.  For example the mega menu is at 100 all the way to 190 the more it extends while the featured page element is at 3.  I thought maybe the position statement was the issue but no luck there.

    Will you look at this issue?

    Thank you,


  •  347
    OrionThemes replied

    Hi Kevin,

    I am not sure where it had gone wrong exactly, as I can't seem to replicate this on my (development) version.

    This CSS snippet should solve it:

    .mainheader.header-classic {
        position: relative;
        z-index: 100;

    Just paste it into Theme Options -> Custom CSS.

    Let me know if this helps to resolve the issue.

    Kind regards,

  • k_grinder replied

    Thank you.  That fixed it.  FYI, here is a screen capture of what I was seeing: https://www.awesomescreenshot.com/image/3067364/28ca3aa3c2196378851422ecd023e741

  •  347
    OrionThemes replied

    Yes, I saw this issue on your site.
    I will do some additional tests about this. Dentalia update is coming in the January and we'll make sure this is fixed in the update.

    Kind regards,