Author Posts

[Nikolina]

Hello, I can’t seem to get my One-Page navigation working on the mobile menu. I can see that the site is scrolling down to the sections, but the user has to click the X to make the menu disappear instead of the menu disappearing automatically once link is clicked. Is there any solution to this? I already tried deactivating plugins and it seems that is not an issue. Thank you for your help.

[Spiracle Themes]

Hi Nikolina

Try the following method

1) First of all install & activate plugin Code Snippets
You can directly install the plugin from Plugins -> Add New and search for Code Snippets in the search bar

2) After this, Go to Snippets -> All Snippets and click on Edit link of the Example JavaScript Snippet. Check Screenshot

VIEW SCREENSHOT

3) After this, Add title and code and set the script to run on the front end only, and then save and activate it.

VIEW SCREENSHOT

CODE:

(function ($) {
		  $(document).ready(function () { 

			$( '.hd-bar .side-menu ul li a' ).on("click", function(){
			  $(".hd-bar").removeClass("visible-sidebar");
			});

		  });        

	})(this.jQuery);

4) Refresh your page and check

Best Regards

[Nikolina]

Thank you for your time, it is working perfectly now! Thank you!

[Spiracle Themes]

You are welcome 🙂

[Author]

Posts