WP Facilitate

The following JavaScript and CSS should make it so, when on mobile, that the submenus will open on a click on their respective menu items. We may also need to work on this a bit as it has not been tested on your site.

Reminder: it is always best to test things out on a staging site if possible!

Here’s how to apply JS and CSS to your site …

• How to apply JavaScript: https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/
• How to apply CSS: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Javascript via php snippet

add_action( 'wp_footer', 'add_ultra_js' );

function add_ultra_js() { ?>
<script>
if ( window.screen.width < 600 ) {
       let ultraNavMenuTwo = document.querySelectorAll( 'li' );
       for ( let i = 0; i < ultraNavMenuTwo.length; i++ ) {
           if ( ultraNavMenuTwo[i].classList.contains('wp-block-navigation-submenu') ) {
        ultraNavMenuTwo[i].firstChild.addEventListener( "click", ultraToggleSubMenuTwo );
        ultraNavMenuTwo[i].style.cursor = "pointer";
           }
       }
    }

    function ultraToggleSubMenuTwo( e ) {
        let ultraNavSubmenuTwo = e.target.nextSibling.nextSibling;
        ultraNavSubmenuTwo.classList.toggle( "active" );
    }
</script>
<?php }

CSS

.ultraOpenSubmenu {
  display: block;
}

Here are two possible fixes for the issue you are facing. A template customization and a code snippet. Important note: Neither solution may work as the only way to test the solutions fully is to apply things on your site. If they don’t work, we’ll keep working.

WooCommerce Template Customization

This solution requires adding a file to a theme or a child theme in order to override the WooCommerce template file, archive-product.php. The file can be overridden by copying the following code to a new file you create at yourtheme/woocommerce/archive-product.php.

<?php
/**
 * The Template for displaying product archives, including the main shop page which is a post type archive
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/archive-product.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see https://woocommerce.com/document/template-structure/
 * @package WooCommerce\Templates
 * @version 8.6.0
 */

defined( 'ABSPATH' ) || exit;

 ?>
    <style>
        .woocommerce-ordering, .woocommerce-result-count {
            display: none;
        }
    </style>
<?php

get_header( 'shop' );

/**
 * Hook: woocommerce_before_main_content.
 *
 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
 * @hooked woocommerce_breadcrumb - 20
 * @hooked WC_Structured_Data::generate_website_data() - 30
 */
do_action( 'woocommerce_before_main_content' );

/**
 * Hook: woocommerce_shop_loop_header.
 *
 * @since 8.6.0
 *
 * @hooked woocommerce_product_taxonomy_archive_header - 10
 */
do_action( 'woocommerce_shop_loop_header' );

if ( woocommerce_product_loop() ) {

	/**
	 * Hook: woocommerce_before_shop_loop.
	 *
	 * @hooked woocommerce_output_all_notices - 10
	 * @hooked woocommerce_result_count - 20
	 * @hooked woocommerce_catalog_ordering - 30
	 */
	do_action( 'woocommerce_before_shop_loop' );
    
	$seminee_term_id = get_queried_object_id();

	$seminee_children = get_terms([
		'taxonomy'    => "product_cat",
		'hide_empty'  => true,
		'parent'      => $seminee_term_id
	]);

	if ( count( $seminee_children ) > 0 ) { 

		woocommerce_product_loop_start();

		if ( wc_get_loop_prop( 'total' ) ) {
			while ( have_posts() ) {
				the_post();
				/**
				 * Hook: woocommerce_shop_loop.
				 */
				do_action( 'woocommerce_shop_loop' );

				wc_get_template_part( 'content', 'product' );
			}
		}

		woocommerce_product_loop_end();
	}

	/**
	 * Hook: woocommerce_after_shop_loop.
	 *
	 * @hooked woocommerce_pagination - 10
	 */
	do_action( 'woocommerce_after_shop_loop' );
} else {
	/**
	 * Hook: woocommerce_no_products_found.
	 *
	 * @hooked wc_no_products_found - 10
	 */
	do_action( 'woocommerce_no_products_found' );
}

/**
 * Hook: woocommerce_after_main_content.
 *
 * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
 */
do_action( 'woocommerce_after_main_content' );

/**
 * Hook: woocommerce_sidebar.
 *
 * @hooked woocommerce_get_sidebar - 10
 */
do_action( 'woocommerce_sidebar' );

get_footer( 'shop' );  

Code Snippet

This solution requires you to add the following snippet in your theme or child theme’s functions.php file or by using a free plugin like Code Snippets:

add_action( 'wp_footer', 'hide_products_where_no_subcat_footer' );

function hide_products_where_no_subcat_footer() {
	
	$seminee_term_id = get_queried_object_id();

	$seminee_children = get_terms([
		'taxonomy'    => "product_cat",
		'hide_empty'  => true,
		'parent'      => $seminee_term_id
	]);

	if ( count( $seminee_children ) == 0 ) { ?>

	<style>
		.elementor-wc-products {
  			display: none !important;
		}
	</style>
		
	<?php }
}