Serj-One

sticky - это прокрутка страницы без прокрутки элемента. Если у тебя обёртка col-xs-12, относительно чего фиксироваться sticky элементу? Скролящегося блока рядом нет. Не уверен, но учитывая механику, попробуй сделать обёртку col-xs-11 и добавь рядом col-xs-1 большей высоты.

display:inline-block у .column
inline-block элементы имеют между собой стандартный пробел. Решается через font-size: 0 для родителя.

Весь фон картинкой, вместе со скруглением и бабой с пипидастром. Незачем извращаться там, где это не нужно.

$('.button').on('click', function () {
        $('.footer').toggleClass('active');
    })

.footer{
  position: absolute;
  bottom: -500px;
  transition: .5s;
}
.footer.active{
  bottom: 0;
}

Вот и весь скрипт.

В самом OpenCart и завис. Сбрось кэш и отключи кэширование.

Второй удобней и в разработке и в поддержке.

Оформление в js - моветон. Подобные вещи делаются через добавление/удаление классов с нужными свойствами.

$(window).scroll(function() {
    var top = $(window).scrollTop();  
    if(top>0){
        $('.header').addClass('header--min');
    } else {
        $('.header').removeClass('header--min');
    }
});

Классом .header--min{} задавай изменения состояния.

https://alvarotrigo.com/fullPage/examples/autoHeig...

Зачем создавать элемент, если можно создать модификатор блока?
<div class="header header--center"></div>

.animate не работает для подобных параметров.
Вообще, анимации в js - зло. Выноси все анимации в css, а через js добавляй/удаляй класс состояния.
Это глобально. В твоём случае необходимости в js вообще не вижу, анимация будет работать через css ховер.

Судя по всему, что-то выпирающие скрыто через overflow-x: hidden для html или body.
Для мобильных это не работает, нужно задавать для секции.

owl.carousel 2 + animate.css Вообще, можно использовать любую библиотеку готовых анимаций или написать свои.