Mobile menu not listening styles?

Hello,

on the main page of the site in the mobile version does not scroll down the mobile menu. ie when you first open the little scroll, and when it gets the size of the screen, it does not scroll though the menu items below are still there. It is clear that the page behind the menu scrolls, but the finger driving on the opened menu.
239f6f6f338349f5be6e83d52573b40b.png
in addition to the styles prescribed width is 80% and overflou car, but it does not listen, although on other pages everything is fine. Tried in turns to remove all the html code of the page block, but to no avail.
How to make a scrolling menu in the mobile version that made PAN for tests

P. S. If in the styles to write not men{display: none;} as now, and men{display: block;}, it scrolls as it should and all is well, then the default menu when you download open
June 27th 19 at 15:28
2 answers
June 27th 19 at 15:30
Solution
1. have men is inline, set block and everything is OK.
2. #tmenu attributed add z-index: 9999; otherwise, the menu hides under something where the bottom, slider or what
1. Excuse me, but where men inline? there is a #menu-icon {display:inline}, and men li:hover ul{display:inline;} there changed anything
2. Added, thank you - valentine.Herman26 commented on June 27th 19 at 15:33
To be more precise, the script what directly in the DOM vanitiesdisplay:inline; when you open a menu. Where the hell knows, should have been put the code menu and not the whole site, I think You know better what scripts there that do - aniya_Yost commented on June 27th 19 at 15:36
: there's a script for the menu, something I can do?
/*---------Menu--------*/

$(function () {

 $(window).scroll(function(event) {
 if($(this).scrollTop() > 30) {
$("#mesto2").fadeIn();

$("#mesto2").addClass('fixed',500,'linear');
}
 else {
$("#mesto2").removeClass('fixed')
}
});

});



$('#tmenu attributed').prepend('<div id="menu-icon"><span class="first"></span><span class="second"></span><span class="third"></span></div>');

 $("#menu-icon").on("click", function() {
$("men").slideToggle();
$(this).toggleClass("active");
});

var mql = window.matchMedia('all and (max-width: 659px)');
if (mql.matches) {
 $(function () {

 $(window).scroll(function(event) {
 if($(this).scrollTop() > 22) {
$("#mesto2").fadeIn();

$("#mesto2").addClass('fixed',500,'linear');
}
 else {
$("#mesto2").removeClass('fixed')
}
});

 });
- valentine.Herman26 commented on June 27th 19 at 15:39
: f3128ad806504ac2b5d30238e8b78a3a.jpg - aniya_Yost commented on June 27th 19 at 15:42
: why so? maybe the script does what? - valentine.Herman26 commented on June 27th 19 at 15:45
: this tag You have is hidden and is displayed $("men").slideToggle(); but why is he putting inline I can't figure out, have tried, with 1 click put display none, when 2 is clicked removed all display... why You instead of what to remove this property it changes to inline XS - aniya_Yost commented on June 27th 19 at 15:48
By : Google now, for some reason the toggle can be put inline, and that to me is that it is necessary to depart - aniya_Yost commented on June 27th 19 at 15:51
Found, first jquery You have connected several times. Secondly that this something is wrong
<script src="http://yandex.st/jquery/1.9.1/jquery.js"></script>

Disable it and when you open a menu is display:inline-block instead of inline
And everything works as it should - aniya_Yost commented on June 27th 19 at 15:54
: thank you!!!! helped and the map Yandex is working) - valentine.Herman26 commented on June 27th 19 at 15:57
June 27th 19 at 15:32
Easier to anew make more simple code than to look at this error)
Oooh... while you tailor it all the same happens - valentine.Herman26 commented on June 27th 19 at 15:35

Find more questions by tags Adaptive designUser's navigationHTMLJavaScriptCSS