When the submenu list goes over the menu container they appear under rather than over the main content of the webpage. I believe this is a positioning issue with the menu but I don’t know how to bring it forward. What component of the website should I configure? See problem and website structure below.
Submenu looks correct when published but submenus that appear below menu container aren’t selectable. View on line at test.bailin.works
I discovered that the subpages list do show over those pages that have a banner image in the global header. However, any listing that fall beyond the banner will not be selected. I still need to know how to push the submenus OVER the rest of the page.
Try setting the z-index of the menu component to >=31. If that still doesn’t work, AND the menu component is within another component, set that component’s z-index to >=31.
1 Like
I tried adjusting the Z-index. No joy. But I removed the top margin setting of 20 in the Section Heading component below it and added that same 20 setting to the bottom margin of the menu global and that worked. I am still curious, however, how the menu configuration should have that issue to begin with.