Страница магазина Woo Commerce — первый слайдер на мобильных устройствах — Woo Commerce и Woo Sliders

Я работаю над сайтом WordPress для клиента, и у них есть специальный плагин для электронной коммерции, который называется woocommerce.

на веб-сайте клиентов, который я меняю, они хотят, чтобы веб-сайт был отзывчивым. На их странице магазина с левой стороны есть боковая панель с виджетами ajax для фильтрации продуктов, положение которых я не могу изменить. Мне пришлось использовать CSS, чтобы переместить его влево, его происхождение было справа. В то время как на правой стороне результаты продукта. В мобильной версии ничего не работает, элементы div закрывают ссылки, а фильтры отображаются сбоку и ниже результатов поиска. то, что я хочу сделать, это сначала отобразить фильтры в мобильной версии, а затем результаты продукта. Это возможно? что я должен изменить?

сайт клиента grittyrunner.jlbworks.com

файл архива дочернего продукта -

<?php

remove_action( 'woocommerce_product_tabs', 'woocommerce_product_reviews_tab', 30);
remove_action( 'woocommerce_product_tab_panels', 'woocommerce_product_reviews_panel',   30);
/**
* The Template for displaying product archives, including the main shop page which is a     post type archive.
*
* Override this template by copying it to yourtheme/woocommerce/archive-product.php
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.0.0
*/

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

get_header( 'shop' ); ?>

<?php
/**
 * woocommerce_before_main_content hook
 *
 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
 * @hooked woocommerce_breadcrumb - 20
 */
do_action( 'woocommerce_before_main_content' );
?>

<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>


    <h1 class="page-title"><?php woocommerce_page_title(); ?></h1>


<?php endif; ?>

<?php do_action( 'woocommerce_archive_description' ); ?>

<?php if ( have_posts() ) : ?>

    <?php
        /**
         * woocommerce_before_shop_loop hook
         *
         * @hooked woocommerce_result_count - 20
         * @hooked woocommerce_catalog_ordering - 30
         */
        do_action( 'woocommerce_before_shop_loop' );
    ?>

    <?php woocommerce_product_loop_start(); ?>

        <?php woocommerce_product_subcategories(); ?>

        <?php while ( have_posts() ) : the_post(); ?>

            <?php wc_get_template_part( 'content', 'product' ); ?>

        <?php endwhile; // end of the loop. ?>

    <?php woocommerce_product_loop_end(); ?>

    <?php
        /**
         * woocommerce_after_shop_loop hook
         *
         * @hooked woocommerce_pagination - 10
         */
        do_action( 'woocommerce_after_shop_loop' );
    ?>

<?php elseif ( ! woocommerce_product_subcategories( array( 'before' => woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?>

    <?php wc_get_template( 'loop/no-products-found.php' ); ?>

<?php endif; ?>