Add extra content to burger overlay menu

Hi, thanks for your reply!
Actually, what I’m trying to achieve is to show 2 divs at the same time as the burger overlay when clicking on the burger menu icon, and hide these divs when closing the menu… is there a way to link/use the enfold function that displays and hides the overlay menu when clicking on the burger icon?
Thanks a lot!

Well I’m trying to do something like this ;

<script>
	$(function() {
    	if ($('.av-burger-overlay').css('display', 'block')) { 
		 $('.text-menu-bottom'').fadeIn('300', 'linear') {
} else {
    $('.text-menu-bottom').fadeOut('300', 'linear') {
}
});
</script>

or

<script>
	$(function() {
    	if ($('.av-burger-overlay').is(':visible')) { 
		 $('.text-menu-bottom'').fadeIn('300', 'linear') {
} else {
    $('.text-menu-bottom').fadeOut('300', 'linear') {
}
});
</script>

But unfortunately it doesn’t seem to work. I’m not sure I’m targeting the right class…

• This reply was modified 6 years, 4 months ago by maxgorelkine.

Hello, here is a the link.
I’ve used the following code for now, but unfortunately it doesn’t always works properly (sometimes the hidden divs are shown when closing the overlay burger).
The idea was to link the visibility of #lalo-language-switcher and #texte-menu-bas divs to the visibility of the overlay-burger-menu, but I’m not sure how…
Tanks a lot!

function add_hide_header(){
?>
<script>
	jQuery('.av-hamburger').click(function() {
  		jQuery('#lalo-language-switcher').fadeToggle('100', 'linear');
		jQuery('#texte-menu-bas').fadeToggle('100', 'linear');	
    });
</script>

<?php
}
add_action('wp_footer', 'add_hide_header');