Скрыть элемент в div на мобильных устройствах

Question

Как отключить элемент data-toggle="select" только на мобильных устройствах? Я нашел, как удалить класс, используя Jquery. Но как отключить весь элемент в div (я не хочу отключать весь div, только часть data-toggle="select")?

<select name="type" data-toggle="select" id="id_type">
  [...]
</select>

Answer 1

Как уже упоминалось, вы можете использовать запросы @media, чтобы скрыть элемент следующим образом:

@media (max-width: 1080px) { // use any amount that you want
 select[data-toggle="select"] {
   display: none;
 }
}

Answer 2

Может быть test(navigator.userAgent) может вам помочь.

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); //Check if it's running on a mobile device
var element = document.getElementById('text');
if (isMobile) {
	document.getElementById("id_type").setAttribute("data-toggle", "");
} else {
	document.getElementById("id_type").setAttribute("data-toggle", "select");
}