Mega Menu Close Icon Link

[AshleyF]

I want to create an additional way for visitors to close the mega menu other than clicking the main link, which is obvious to us of course but may not be to all visitors.

I have created a icon row in the top right but I have two issues.

Firstly because I used position absolute I think that row is sitting behind the next row. I thought making the Z index 0 or 1 would resolve but didn’t.

The other problem, I am not actually sure how the toggle close code works, is it a specific CSS link I place on the icon or do I need to do something different?

Thanks as always, Ashley.

[AshleyF]

@AshleyF

Firstly because I used position absolute I think that row is sitting behind the next row. I thought making the Z index 0 or 1 would resolve but didn’t.

I have actually resolved the first part of this by changing the tag of that element from ‘div’ to ‘a’, making it now clickable.

But I do still need advice on the toggle code to close the megamenu.

[ruenel]

Hello Ashley,

Please edit your page and in your Megamenu element, add an element ID. For example, dropdown;

And then in your button that will serve as the close button, add #dropdown-anchor-toggle:

Kindly let us know if this works out for you.