Скрытие всплывающих подсказок Bootstrap на мобильных устройствах с помощью медиазапросов

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

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
.tooltip
 {
  display: none;
 }
}

Это останавливает отображение всплывающей подсказки, но мне все равно нужно дважды щелкнуть, чтобы кнопка заработала. Есть ли способ предотвратить запуск этих всплывающих подсказок с помощью медиа-запросов?