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?
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:
Just paste it into Theme Options -> Custom CSS.
Let me know if this helps to resolve the issue.
Thank you. That fixed it. FYI, here is a screen capture of what I was seeing: https://www.awesomescreenshot.com/image/3067364/28ca3aa3c2196378851422ecd023e741
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.