Hi all,
I had an idea for an on-load animation to slide in a navigation header on a page I am working on in Bricks. Looked great until I tried to hover over a dropdown menu and everything that would pop over the top of the section below was trimmed off. As if someone had applied overflow:none to it in the CSS. I thought that for some reason the menu is sliding behind the section below so went back into Bricks and set the z-index to 10 for the header section but it made no difference.
If I delete the navigation header as the target in motion.page the drop down sub menu items then work properly, they pop over the top of the section below as they should, like the example below.
What is the best way to deal with this so I get my menus back once the header section has slid into place and the page is loaded?
Thanks for your help people :-)