Full Width SubMenu

Hi,

Thank you for using Enfold.

I can’t reproduce the issue on my own installation and I don’t see any errors on your site. Did you add any custom scripts or modifications to the site?

Best regards,
Ismael

Hi,

That is the default behavior of the menu. You have to click on something after opening the menu toggle to close the menu. Are you expecting it to close on scroll?

Best regards,
Ismael

Hi,

I see. You can use this script to automatically close the menu on scroll.

add_action('wp_footer', 'ava_custom_close_menu_on_scroll');
function ava_custom_close_menu_on_scroll(){
	?>
	<script type="text/javascript">
        (function() {
            const sm = document.querySelector('.av-submenu-container');
            const sn = sm.querySelector('.av-subnav-menu')
            const st = sm.querySelector('.mobile_menu_toggle');
            const eventClick = new Event('click');

            if(sm) {
                document.addEventListener( 'scroll', (event) => {
                    if( sn.classList.contains('av-open-submenu') ) {
                        st.dispatchEvent(eventClick);
                    }
                });
            }
        })();
	</script>
	<?php
}

Best regards,
Ismael

Hi,

Did you copy the code from your email? Please copy it directly from the forum. Some of the characters were probably converted to their html entity code.

Best regards,
Ismael

Hi,

You may need to change the event from “scroll” to “click” on this line:

document.addEventListener( 'scroll', (event) => {

And then you probably need to check if the clicked target is not a menu item or the menu container. Something like…

if( event.current.target == 'menu_selector_here' ) return;

Best regards,
Ismael

Hi,

Are you trying to close the sub menu by clicking anywhere on the page? You can leave the document selector there and just check if the clicked item is the sub menu container. If it is, then you have to cancel the event dispatch or do something else.

// https://developer.mozilla.org/en-US/docs/Web/API/Event/target

Best regards,
Ismael