MrTimon

Как сказал Nikita Velko там убирается скрол и ставиться паддинг, что изменяет ширину блока body, а для меню (блок с классом .menuFix) у вас стоит ширина в процентах, значит тоже изменяется. Лутшим решением будет поставить этому меню не 100% ширину а 100vw тоисть

.menuFix {
    width: 100vw;
}

правда не уверен на счет кроссбраузерности

Как то так https://jsfiddle.net/gkjktkak/4/ ?

Менять значение opacity для дива с айдишкой main а не бекграунд для body.

Можно написать ф-цию для перехода на следующий слайд аля:

function showNextSlide() {
        var $activeslide = $('#support .slide.active');
        var $nextslide = $activeslide.next();
        if ($nextslide.length == 0) {
            $nextslide = $('#support .slide').first();
        }
        $activeslide.removeClass('active');
        $nextslide.addClass('active');
    }

ну или какую-то полутше ) . А потом пишеш

var loop = window.setInterval('showNextSlide',1000);

и в свой метод клик на ссылку дополнительно обнулить значение loop

$('#support nav a').click(function(e) {
    e.preventDefault();
    $(this).addClass('active').siblings().removeClass('active');
    var tab = $(this).data('id');
    $('#support .slide[data-id="' + tab + '"]').addClass('active').siblings().removeClass('active');

//добавить эти строки
    window.clearInterval(loop);
    loop = null;
  });

должно работать

var div = document.createElement('div');
div.className = 'cl';

Эти строчки нужно переместить в тело функции , что вызывается на клик. (в самом начале функции нужно поставить)

хорошо бы было и верску увидеть, но можно и обойтись. Если делать именно так как у Вас написано то можно сделать так:

$('.sub-menu_lvl1 li a').mouseenter(function() {
    var classes = ['one','two','three','four','five']
     
    $('.sub-menu_lvl2').removeClass('info-visible');
    $('.sub-menu_lvl2.' + classes[ $(this).closest('li').index()]).addClass('info-visible');
  });

Но это не самый лучший вариант. Лучше для линка на который вы наводите прописать id или data атрибут такой же как класс который нужно сделать видимым (one, two, three, four, five ) . Ну и при наведении выбирать это значение.
тоисть ссилка должна быть <a href="#" data-visibleclass="one">...</a> и тогда:

$('.sub-menu_lvl1 li a').mouseenter(function() { 
    $('.sub-menu_lvl2').removeClass('info-visible');
    $('.sub-menu_lvl2.' + $(this).data('visibleclass')).addClass('info-visible');
  });