[Support request] problem with the off canvas menu does not close automatically

[André]

off canvas menu does not close when I select a widget button (contact us button highlighted) anchored to the page. The off canvas menu remains open. How can I solve? Thanks in advance

[Fernando]

Hi Andre,

I tried replicating the issue from my end and I can’t seem to replicate it.

See: https://share.getcloudapp.com/xQuq5b6w

I also tested on real phone and the close button still worked as expected.

Are there certain steps I missed to replicate the issue?

Moreover, if you test the occurrence of this issue on a different device, does the issue also exists? If it doesn’t, perhaps this could be a browser or device caching issue.

Kindly let us know. 🙂

[André]

yes, the problem is when I click the widget button at the bottom of the off canvas menu. The off canvas does not close

[André]

I inserted the anchor in the “CONTACT US” button but the off canvas menu does not close when clicked, I would like to know if there is a solution to this

[Fernando]

I see. That’s the default behavior, and you’ll need custom code to achieve as such.

You can try creating a Hook Element hooked to wp_footer and displayed to the Entire site with this code:

<script>
var myanchor = document.querySelectorAll( '.slideout-navigation .my-anchor-button' );

	var YourOffsideCloseAction = function() {
	var url = this.getAttribute( 'href' );

	if ( '#' !== url && '' !== url && ! navigator.userAgent.match( /iemobile/i ) ) {
		setTimeout( function() {
			generateOffside.close();
		}, 200 );
	}
};
	
for ( var i = 0; i < myanchor.length; i++ ) {
	myanchor[i].addEventListener( 'click', YourOffsideCloseAction, false );
};

</script>

Hope this helps! 🙂

[Author]

Posts