Почему не работает плавный скролл в меню на jQuery и как скрыть меню после клика?

Question

[Антон Романов]

Столкнулся с рядом проблем при верстке адаптивного меню. Никак не могу разобраться в чем дело. Помогите пжлст. Сделал в меню плавный скролл и открытие бургера на мобильных с помощью jQuery. Столкнулся со следующими нюансами:

1) На сайте не работает плавный скрол при нажатии на пункт меню. Залил в песочницу - там все работает. Инспектор никаких ошибок не выдает. В чем может быть дело?
2) Иконка бургера (появляется при разрешении экрана 768px и меньше) начала скакать после добавления jQuery. То есть в закрытом состоянии она ушла на 10% в сторону. Нажимаю, чтобы раскрыть меню и иконка прыгает в нужное место. Как починить и в чем может быть дело?
3) На мобильных при раскрытии само меню не центрируется по горизонтали (появилось это после добавления кода jQuery). В стилях прописано для ссылок text-align: center.
4) Как закрывать мобильное меню после клика? То есть сейчас кликаешь в раздел и меню остается открытым. Хочется его скрывать.

Вот сайт.
Вот песочница .

Помогите пжлст разобраться с этим.

Comments

[ivan_x]

Решение в лоб https://codepen.io/anon/pen/yGwZYz?editors=0110
Но вам необходимо прокачать скил побольше, разметку с версткой можно сильно улучшить, так же касаемо 3 пункта, не забывайте что у списков есть дефолтные marginы и padding слева.