Как показать выдержку Woocommerce, краткое описание, только на рабочем столе и скрыть его на мобильном телефоне и планшете?

Question

У меня есть код для отображения товара, краткое описание товара на странице Woocommerce Shop. Он работает нормально, но я не могу понять, как показать контент только на рабочем столе и скрыть его на мобильном телефоне и планшете?

Код ниже

function show_product_description_et_shop() {
if(class_exists('WooCommerce')) {
$output = get_the_excerpt();
echo '
<div class="car-description">'.$output.'</div>
';
}
}

function load_function_after_wc(){

add_action( 'woocommerce_after_shop_loop_item_title', 'show_product_description_et_shop', 100 );
}

add_action('wp_loaded', 'load_function_after_wc');

Буду очень признателен за любые предложения и решения.

Answer 1

Я решил это с css

@media screen and (max-width: 980px) {
    div.car-description {
        display: none!important;
    }
}