Как сделать бесконечное число слайдеров на странице?

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

Как сделать бесконечное число слайдеров на странице?

Алексей Пархоменко: каждый слайдер в данном случае имеет класс .tile-slider, а tileSlider — обычная переменная, в которой хранится селектор.
Через .each() мы перебираем все слайдеры с классом .tile-slider и подключаем скрипт.
Без переменной код выглядит так:

$('.tile-slider').each(function(){
    var mySwiper = new Swiper(this, {
        loop: true,
        nextButton: $(this).parent().find('.tile-slider-next')[0],
        prevButton: $(this).parent().find('.tile-slider-prev')[0]
    });
});

Есть CSS меню. Выпадает при наведении. Как из него сделать совместимое меню с планшетниками?

Андрей Борчик: codepen.io/valerypatorius/pen/MabLVV
Из скриптов в пене подключены jQuery и modernizr

Как правильно сделать бургер?

Banny_Boom:
Стили для десктопа:

.burger { display: none; }
.menu { display: block; }

Стили для мобильных устройств:

@media all and (max-width: 320px){
    .burger { display: block; }
    .menu { display: none; }
    .menu.visible { display: block; }
}

Не вижу проблем: меню скрывается только на маленьких экранах и показывается при наличии класса visible. Остается им только манипулировать

Как создать такую фигуру на css?

Чтобы в FF не было лесенок, можно прописать outline: 1px solid transparent для .menu-link:before

Почему не 100%?

Упс, в конце потерялись еще одни закрывающие скобки
});

Сохраняю вашу страницу локально, заворачиваю скрипт в $(document).ready() — проблема решается