closing toggle menu

Hi,

“The toggle button is good but closing the menu is a little difficult.” By default, you displaying the Mobile menu on the desktop right? You are using the pro plugin as I guess?

Kind Regards,
Nick

Hi,
No, I am displaying the toggle menu on mobile and I am using the free version. Is it possible to close the expanded toggle button by clicking on the screen outside the expanded area?

The toggle button is not visible in dark mode how to make it visible?

Regards,
Pranuthi.

Hi,
Can you please help me with this?

Regards,
Pranuhti.

Hi, To be honest, I still can’t understand exactly the case, can you please share images here and I will do my best to help you?

You can upload images here https://imgur.com/ and then share image URLs in this thread.

Kind Regards,
Nick

Hi,
Watch this video I explained my problem here

https://www.loom.com/share/5a78577c049a4b94bd1e7cf9953f4ced

Regards,
Pranuthi.

Hi again,

You can install “Simple Custom CSS and JS” plugin and insert the code below inside your custom js script, as for the second issue please can you tell us which plugin do you use for day-night mode switcher so that we check our menu with the same functionality ?

$('body').on('click', function(e) {
	if($('.wpr-mobile-toggle').hasClass('.wpr-mobile-toggle-open') && !e.target.className.includes('menu-item') && !e.target.className.includes('wpr-mobile-menu-item') && !e.target.className.includes('wpr-mobile-toggle')) {
		$('.wpr-mobile-toggle').removeClass('.wpr-mobile-toggle-fx');
		$('.wpr-mobile-toggle').removeClass('.wpr-mobile-toggle-open');
		$('.wpr-mobile-toggle').trigger('focusout');

		if ( $('.wpr-mobile-toggle').find('.wpr-mobile-toggle-text').length ) {
			$('.wpr-mobile-toggle').children().eq(1).hide();
			$('.wpr-mobile-toggle').children().eq(0).show();
		}
		$('.wpr-mobile-toggle').parent().next().stop().slideUp();
	}
});

View post on imgur.com

Kind regards,
George

Hi,
I am using WP Dark Mode plugin for day-night mode.

Regards,
Pranuthi.

Hi,
thank you very much the above code did the job. Did you find the solution for the second issue?
I am using WP Dark Mode plugin for day-night mode.

Regards,
Pranuthi.

Hi,

Please Navigate to Tools > Site Health > Info (tab) and click on the “Copy site info to clipboard” button, then send the information to our email: [email protected]

Also, navigate to Tools > Export – choose All Content and click on Download Export File and then send this file to our email – [email protected] as well

We will analyze your system and replicate the same case. This will help us to debug the issue much easier and provide a faster solution.

Kind Regards,
Nick

Hi joelg6,
The below code worked for me. You can install the “Simple Custom CSS and JS” plugin and insert the code below inside your custom js script

jQuery(document).ready(function( $ ){
       $('.wpr-mobile-toggle-line').addClass('wp-dark-mode-ignore');
	    $('body').on('click', function(e) {
	        if($('.wpr-mobile-toggle').hasClass('.wpr-mobile-toggle-open') && !e.target.className.includes('menu-item') && !e.target.className.includes('wpr-mobile-menu-item') && !e.target.className.includes('wpr-mobile-toggle')) {
		$('.wpr-mobile-toggle').removeClass('.wpr-mobile-toggle-fx');
		$('.wpr-mobile-toggle').removeClass('.wpr-mobile-toggle-open');
		$('.wpr-mobile-toggle').trigger('focusout');

		if ( $('.wpr-mobile-toggle').find('.wpr-mobile-toggle-text').length ) {
			$('.wpr-mobile-toggle').children().eq(1).hide();
			$('.wpr-mobile-toggle').children().eq(0).show();
		}
		$('.wpr-mobile-toggle').parent().next().stop().slideUp();
	}
	});
});