Настройка выравнивания вкладок товара в WooCommerce

Question

Я изучаю WooCommerce и хотел бы настроить пользовательский интерфейс моего интернет-магазина. Я на самом деле застрял с обзорами и описаниями вкладок на отдельных страницах продукта, которые идеально выровнены по горизонтали на экранах рабочего стола. Но когда я переключаюсь на мобильный, это становится как выпадающий список.

Мне бы хотелось, чтобы вкладки продуктов были выровнены по горизонтали и на мобильных устройствах, как на экранах настольных компьютеров.

Любое предложение о том, как мне этого добиться.

Шаблон соответствующего кода для single-product/tabs/tabs.php файла:

<?php

if ( !defined( 'ABSPATH' ) ) {
    exit;
}

/**
 * Filter tabs and allow third parties to add their own.
 *
 * Each tab is an array containing title, callback and priority.
 * @see woocommerce_default_product_tabs()
 */
$tabs = apply_filters( 'woocommerce_product_tabs', array() );

if ( !empty( $tabs ) ) : ?>
    <div class="row">
        <div class="woocommerce-tabs wc-tabs-wrapper">
            <div class="wrap">
            <ul class="tabs wc-tabs col-lg-12">
                <?php 
                 $my_reversed_array = array_reverse($tabs);


                foreach ( $my_reversed_array as $key => $tab ) : ?>
                    <li class="<?php echo esc_attr( $key ); ?>_tab">
                        <a href="#tab-<?php echo esc_attr( $key ); ?>"><?php echo apply_filters( 'woocommerce_product_' . $key . '_tab_title', esc_html( $tab['title'] ), $key ); ?></a>
                    </li>
                <?php endforeach; ?>
            </ul>
            </div>
            <?php $is_first = true; ?>
            <?php foreach ( $tabs as $key => $tab ) : ?>
                <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--<?php echo esc_attr( $key ); ?> panel <?php if ($key == 'description') { ?>entry-content<?php } ?> wc-tab <?php if ($is_first) { ?> current<?php $is_first = false; } ?> col-md-10 col-md-offset-1" id="tab-<?php echo esc_attr( $key ); ?>">
                    <?php call_user_func( $tab['callback'], $key, $tab ); ?>
                </div>
            <?php endforeach; ?>
        </div>
    </div>

<?php endif; ?>