デスクトップサイズのリンクを無効にして、モバイルサイズでリンクを有効にするにはどうすればよいですか？与えられた上記

Question

私はデスクトップサイズで電話リンクを無効にしたいとも私は（応答）モバイルサイズで同じことを可能にしたい

<a class="single_add_to_cart_button btn btn-theme-colored" href"tel:+18002752273">Order by Phone</a>

私が使用したコードです。これを使用する方法

Answer 1

@media screen and (max-width: 768px) { 
    .single_add_to_cart_button.btn{ 
    display:block; 
    } 
} 
.single_add_to_cart_button.btn{ 
     display:none; 
     } 

@media screen and (max-width: 768px) { 
 
    .single_add_to_cart_button.btn{ 
 
    display:block; 
 
    } 
 
} 
 
.single_add_to_cart_button.btn{ 
 
     display:none; 
 
     }

<a class="single_add_to_cart_button btn btn-theme-colored" href"tel:+18002752273">Order by Phone</a>