Hi All,
I have made this blog listing page: https://psychhub.com/psych-hub-b2b-blog and for some reason the menu system is behind the content on the listing page.
the menu system is part of a different .html page that is being extended onto this page so I’m stumpted on how to get the menu infront of the content.
Here is a screen shot of the page code
Any help here would be greatly appreciated!
Thanks
Scott
Hi, @SlimSr2003 ,
without seeing the full code, especially the CSS for the main layout and the blog page, I cannot troubleshoot it completely.
What you can do in the meantime, is to add a z-index: 1 to this #desktop-nav li[data-parent=true]:hover>div
This way, the hover menu will be forced to appear above the other elements. I checked that using the “inspect element” tool in Chrome and it worked.
If you could share the code (not a screenshot, but the actual code, as the screenshot is hard to read and, thus, test) for the base.html, the blog page and the CSS files associated with those, I can take another look.
I hope that helps,
Eli
