Fixing Always Be Creating

abc.md

CSS Fixes

/* Dont show mobile hamburgermenu when desktop menu is displayed */
@media screen and (min-width: 866px) {
    .mobile-menu-btn {
        display: none !important;
    }
}
/* Properly positiion toggle caret; adjust as needed */
#primary-navigation.mobile-open span.toggle-caret {
    margin-right: 1rem;
    margin-top: 1rem;
}

Menu Fixes

Issues is that the sebmenu has funky custom JS that's firing on hoever events, instead of click events

In https://alwaysbecreating.art/wp-content/themes/mts_schema/js/customscript.js?fsum=d160ff2ed136

Go to line 128

Start by commenting out all of this:

jQuery(document).ready(function($) {
		let $pullToggle = $('#pull');
		function mtsDropdownMenu() {
				if(!$pullToggle.is(':visible')) {
						let timer;
						let delay = 100;
						$('.navigation li').hover(function (e) {
							if (e.type === 'mouseenter') {
								e.preventDefault();
								let $this = $(this);
								timer = setTimeout(function () {
									$this.children('ul.sub-menu, ul.children').slideDown('fast');
								}, delay);
							}
							else if (e.type === 'mouseleave') {
								e.preventDefault();
								$(this).children('ul.sub-menu, ul.children').hide(1);
								clearTimeout(timer);
							}
						});
						
						} else {
							$('.navigation li').unbind('mouseenter mouseleave');
							//$('.navigation li.active > ul.sub-menu, .navigation li.active > ul.children').show();
						}
		}

		mtsDropdownMenu();

		$(window).resize(function() {
				mtsDropdownMenu();
		});
});

Then we'll see if this section of the same file, line 162, works:

/*---------------------------------------------------
/*  Vertical menus toggles
/* -------------------------------------------------*/
jQuery(document).ready(function($) {

		$('.widget_nav_menu, .navigation .menu').addClass('toggle-menu');
		$('.toggle-menu ul.sub-menu, .toggle-menu ul.children').addClass('toggle-submenu');
		$('.toggle-menu ul.sub-menu').parent().addClass('toggle-menu-item-parent');

		$('.toggle-menu .toggle-menu-item-parent').append('<span class="toggle-caret"><i class="fa fa-plus"></i></span>');

		$('.toggle-caret').click(function(e) {
				e.preventDefault();
				$(this).parent().toggleClass('active').children('.toggle-submenu').slideToggle('fast');
		});
});

If not, we'll ask AI how to fix it, by copying in the entire menu and making it write a Jquery menu toggled based on