Anna_BS

Можно сделать на css, через анимацию(можно добавить рандом смещение точек)

Для попапа overflow-y: auto
на wrapper можно вешать класс(с overflow: hidden) при открытии попапа

Старая, но актуальная статья
У Вас перемещение меню на left

Swiper слайдер

getbootstrap.com/customize
пункт @grid-float-breakpoint
изменяешь на @screen-md-min
и мобильное меню будет появляться раньше

а потом лучше поучить, как писали выше, Flexbox или table-cell и media queries и писать меню самому

https://jsfiddle.net/4k5sucxg/

Это слайдер
swiper попробуйте подстроить этот
анимацию появления css нужно будет написать

Можно использовать svg
codepen

codepen

codepen.io

Можно попробовать сделать через svg фильтр codepen
поддержка