How to combine menus and tabs?

When you click on the tabs in the mobile version (under "Features"), it opens the menu.
How can I fix it?

verstka.vetov.ru/yunika/gk.html
June 8th 19 at 17:03
1 answer
June 8th 19 at 17:05
Solution
Conflict classes. In custom.js:64 is the script that closes the menu after clicking, respectively, due to the incorrect classes, he listens to clicks on the tabs.

$('.nav a').on('click', function () {
 if ($('.navbar-toggle').css('display') != 'none') {
$(".navbar-toggle").click()
}
});

change to
$('.navbar .nav li a').on('click', function () {
 if ($('.navbar-toggle').css('display') != 'none') {
$(".navbar-toggle").click()
}
});
Thank you very much! Did it!!!!

It may even tell me how to do so, to not show mobile menu when the browser resolution from 991 to 768 ??? - eldora_Thompson commented on June 8th 19 at 17:08
it did, and so only appears when the max-width: 768px :) - sid.Koepp80 commented on June 8th 19 at 17:11
from 768 to 991 you menu does not appear at all, both mobile and desktop. - casandra.Kemmer commented on June 8th 19 at 17:14
this is the whole problem. don't understand what to do to display menu - eldora_Thompson commented on June 8th 19 at 17:17
mobile or desktop? - casandra.Kemmer commented on June 8th 19 at 17:20
to 768 resolution should display the regular menu - eldora_Thompson commented on June 8th 19 at 17:23
if 768 will be a normal menu, then it will not fit into the screens of mobile phones. Are you confused in media queries. Maybe You want to from 768 and above it was the usual menu? - casandra.Kemmer commented on June 8th 19 at 17:26
yeah , exactly. not well written, but you get the idea)
from 768 and above have the regular menu - eldora_Thompson commented on June 8th 19 at 17:29
Oh , there is too much to dig the necessary media queries in Your case and then customize the layout, since the full menu slides down to 991.

Easier to 991 to do to display mobile menu. - casandra.Kemmer commented on June 8th 19 at 17:32

Find more questions by tags HTMLBootstrapCSS