How to Execute Below code only in Mobile View -Empire Theme

Highlighted
Tourist
10 0 1

I'm trying to add a button on mobile view only

Button Code 

<div class="productitem--action">
<button
class="{{ quick_buy_classes }}"
tabindex="1"
type="button"
aria-label="{{ quick_buy_text }}"
{% unless has_variants %}
data-quick-buy
{% else %}
data-quickshop-slim
{% endunless %}
data-variant-id="{{ product.selected_or_first_available_variant.id }}"
{% unless product_available %}disabled{% endunless %}
>
<span class="atc-button--text">
{{ quick_buy_text }}
</span>
<span class="atc-button--icon">
{%- include 'icon-spinner' -%}
</span>
</button>
</div>

 

How can i execute this in Mobile View only .. any Liquid Codes?

0 Likes