Icon Cross over slideout panel

Hi there,

the slideout-exit sits inside the .slideout-overlay - you would need to bring that forward with z-index. Problem is it will then cover the navigation. You could make the overlay transparent and add a pointer-events: none; property to it so you can still click the menu.

Thanks David. But I need to achieve this same view.. https://iidi.fr/

Is there any way to put the icon cross over everything?

Thank you again!

Sorry that link times-out on me.

Here it is http://iidi.fr/ or here http://www.dev-iidi.com/

OK, so we can add a custom exit button to the menu - this topic covers how to:

https://generatepress.com/forums/topic/make-slideout-navigation-appear-from-top-instead-from-sides/#post-667360

Thank you very much! I will read it now :)

You're welcome. you should just need the code the link takes you to. Will need to tweak it such as the text-alignment, but should give yo a good start.

David! Two more last questions..
lemag.pachadev.com

How can I put the js code to close the slide panel?
How can I change the text "Menu"?

Thanks!

The Menu Text can be changed in the Customiser > Layout > Primary Navigation.
The JS is running, i think the problem is because you have added a button to the label, so the click is being registered on the button. You can try removing the slideout-exit class from the areas you have it and and add it to the button.