Как совместить меню и табы?

Question

[Елена Вахрушева]

Когда кликаешь на табы в мобильной версии (пункт "Особенности"), то открывается меню.
Как это можно исправить?

verstka.vetov.ru/yunika/gk.html

Answer 1

[automatik]

Конфликтуют классы. В custom.js:64 есть скрипт, который закрывает меню после клика, соответственно из-за неточного указания классов он и слушает клики по табам.

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

меняем на

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

Comments

[Елена Вахрушева]

Спасибо большое! Получилось!!!!

Может еще подскажете как сделать так, чтобы не появлялось мобильное меню при разрешении браузера от 991 до 768 ???

[Александр]

Елена Вахрушева, оно ведь и так появляется только при max-width: 768px :)

[automatik]

Елена Вахрушева, от 768 до 991 у вас меню не появляется вообще, как мобильное, так и настольное.

[Елена Вахрушева]

automatik, в этом вся и проблема. не понимаю что надо сделать чтобы отображалось меню

[automatik]

Елена Вахрушева, мобильное или настольное?

[Елена Вахрушева]

automatik, до разрешения 768 должно отображаться обычное меню

[automatik]

Елена Вахрушева, если до 768 будет обычное меню, тогда оно не влезет в экраны мобильников. Вы путаетесь в медиа запросах. Может Вы хотите, чтобы от 768 и выше было обычное меню?

[Елена Вахрушева]

automatik, да, точно. не так написала, но вы поняли)
от 768 и выше нужно обычное меню

[automatik]

Елена Вахрушева, ой, там слишком муторно ковырять медиазапросы надо в Вашем случае, а потом подгонять верстку, т.к. полное меню съезжает вниз до 991.

Проще до 991 сделать, чтобы отображалось мобильное меню.