Elementor Close Off Canvas On Anchor Link Click

Elementor Close Off Canvas On Anchor Link Click

Element.How also offers premium tutorials! Check them here:

Table of Contents

In this tutorial, you will learn how to close the new Elementor Off Canvas element when clicking any anchor menu links within it.

Let's get started!

First, add this code on the same page as your Elementor off canvas with anchor links

Often, this will be in your header template. Just add it at the same place where your Off Canvas element is.

Add a new HTML element, and copy paste this code in it.

Elementor Close Off Canvas On Anchor Link Click 1

<script> 
/* Please login to get the code 
 * The code will be for the Elementor Close Off Canvas On Anchor Link Click tutorial 
 * Found at this URL https://element.how/elementor-close-off-canvas-on-anchor-link-click/ 
 */ 
</script>

Then, go under Advanced > Positioning for the HTML element

Go under Advanced > positioning, and set the HTML element to position absolute. This is just to avoid having it taking flow space. You will be able to find it back easily through the navigator.

Finally, enjoy your self closing Elementor Off Canvas with Anchor links!

I hope you have enjoyed this tutorial.

Cheers!

Element.how also provides premium tutorials showing awesome advanced designs, check them out here.

Looking for something else? Search across 2737 Elements right here:

Checkout the Elementor Addon Finder directly

Leave a Reply