.main-menu {
//min-height: 20px;
}С чем это может быть связано, подскажите?
<script type="text/javascript">
{literal}
$(window).scroll(function(){
$(".div-fade-main").animate("opacity", 1 - $(window).scrollTop() / 250).delay(250).hide(250);
});
{/literal}
</script>a { display: block; } и нужно убрать там z-index: -1000;.flex-direction: row; для мобильной - flex-direction: column;.