Как отключить hover эффект начиная с планшета 1024x1366?

Question

[Алексей]

Добрый день, на li весит hover на desctop все хорошо, надо отключить начиная с планшета или переделать на клик, как это лучше сделать ? Или по нажатию на + ? Ещё вопрос чтобы блок раскрывался и двигал верхние и нижние ссылки на телефоне и mini планшет.

$('#menu-item-56').hover(
     function () {
       $('.sub-menu').show();
     },
     function () {
       $('.sub-menu').hide();
     }
   );

Comments

[Pavel-ww]

Зачем вообще было использовать JQ для такой простой вещи? Переделайте на чистом css начиная с нужной точки остановки.
Например

@media (min-width: 1024px) {
	/* здесь код для hover */
}

Answer 1

[Mors Clamor]

Гуглим в гугле

Answer 2

[BUTURUM]

Давайте начнем сначала. Для того чтобы вообще что-то сделать только для определенных устройств, нужно сделать вашу страницу адаптивной. У tproger.ru есть отличная статья на тему адаптивности https://tproger.ru/translations/responsive-web-des..., 7 и 8 которой обязателен для прочтения для решения вашей задачи. По поводу отключения hover, то легче написать код который будет его включать для всех кроме планшетов 1024x1366 и (как я понял) меньше, но как вариант есть перевод вопроса с StackOverflow https://coderoad.ru/5069110/