Павел

Использовать событие slickGoTo.
Вот пару примеров
https://gist.github.com/galdiolo/4b73c81925f659320b5a
https://codepen.io/vilcu/pen/ZQwdGQ

get_template_directory_uri() - Не содержит закрывающегося слэша, попробуйте как минимум поставить слэш

wp_enqueue_script( 'sajo-slick', get_template_directory_uri() . '/assets/js/slick.min.js', array(), 1.0, true );

В общем, без пару строчек JS не обошлось...

$(document).ready(function() {
    setBallsSize();
});

$(window).resize(function() {
    setBallsSize();
})

function setBallsSize() {
    setTimeout(function () {
        var ballWidth = $('.ball_row1 .ball_image').width();
        $('.ball_row2 img').each(function() {        
            $(this).css('width', ballWidth);
        });        
    }, 200);
}

.eco {
 padding: 0!important;
}

Вам нужно разбить массив $categories на два равных массива

list($first_cat, $second_cat) = array_chunk($categories, ceil(count($categories)/2));

И затем итерировать каждый уже в вашей верстке таким же образом, как это сделано в шаблоне...

У Вас как минимум ошибка в написании классов, в верстке custommycab,
а описываете вы cuctommycab.
Укажите один класс, и используйте important, если WP перекрывает ваш стиль

.custommycab{
color: blue !important;
}

С такой версткой - только js.
Если css, нужно поменять верстку и подправить css

Используйте один из плагинов:
https://dimsemenov.com/plugins/magnific-popup/docu...
https://www.jacklmoore.com/colorbox/

Так у вас какое разрешение на ноутбуке? На сколько мне известно, минималка на ноутбуках 1024px