How to remove hover effect on bootstrap mobile menu?

There is a project in which bootstrap menu works on click and on hover, how to fix it on mobile devices (remove the hover), have an hour struggling with this and can't understand the flicker appears, it ceases to fire hover and click.

A piece of code that triggers hover:
.nav > li.dropdown:hover {
 position: static;
}

.nav > li.dropdown:hover .dropdown-menu {
 display: table;
 width: 100%;
 text-align: center;
 left: 15px;
 right: 0;
}

.dropdown-menu>li {
 display: table-cell;
}


Give advice on how to get rid of that on mobile views.
July 9th 19 at 10:18
2 answers
July 9th 19 at 10:20
The pen determines the styles depending on the "media queries", information can be found here.
https://webref.ru/css/value/media
thanks, but if you watched, then there is just media queries, and another question, I'm interrupting you, but you wrote above that goes - Missouri.Terry commented on July 9th 19 at 10:23
give the address - Cindy.Oberbrunner32 commented on July 9th 19 at 10:26
: what? project? martynuk.esy.es - Missouri.Terry commented on July 9th 19 at 10:29
July 9th 19 at 10:22
if ($(this).width() > 1024) {
$(".dropdown").hover(
 function () {
 $('.dropdown-menu', this).stop(true, true).slideDown("fast");
$(this).toggleClass('open');
},
 function () {
 $('.dropdown-menu', this).stop(true, true).slideUp("fast");
$(this).toggleClass('open');
}
);
 }
not working... - Missouri.Terry commented on July 9th 19 at 10:25

Find more questions by tags HTMLBootstrapCSSjQuery