iBird Rose

тут https://aeropods.de/wp-content/themes/Divi/js/cust...
ищи строку

$et_top_navigation.css("padding-left",$logo_width+30))

и разбирай код.

либо легкий путь:
в css задай для блока #et-top-navigation {padding-left: 149px;}

потому что стили для .span3, которые

.span3 {
    width: 270px;
}

не умещаются в твой контейнер, который

.span12 {
    width: 1170px;
}

т.е. 4 * 270 = 1080px, а контейнер у тебя 1070

На работу в офис, где ищут джунов, где будет верстальщик хорошего уровня. Другого нормального способа (а еще и бесплатно нужно, наверно, да?) не встречал

На переделку модалки бутстрапа уйдет больше времени, чем сделать самому такую модалку через absolute позиционирование в нужном тебе блоке.

потому что translate применяется не только на заданный блок, но и для всех его потомков.
т.е. можешь это представить что ты для .img тоже прописал transform: translateY(-100%);

всегда находил, что искал https://www.iconfinder.com/

у них на гитхабе готовый скрипт есть для этого https://github.com/daneden/animate.css#usage-with-...

именно по твоему коду - ошибка в том, что ты else не прописываешь. т.е. у тебя _resize() работает нормально. просто классы, которые уже были добавлены в одном месте не ремуваются. потому что else нет.

а по существу - все, что ты хочешь сделать - делается через html и css. такие классы как col-* offset-* и т.д. имеют -md, -lg и тд. через них можно только классами задать весь путь адаптивности.
а другие классы как justify-content-center - можно одним стилем менять в media запросах.