Мне кажется, что проблема может быть в том, что событие "resize" не вызывается автоматически при загрузке страницы. Вам нужно явно вызвать обработчик события resize, чтобы применить настройки для устройств с шириной меньше 480 пикселей при загрузке страницы.
Вы можете добавить следующий код после инициализации слайдера:
jQuery(window).on('load', function() { jQuery(window).trigger('resize'); });
Этот код вызовет событие "resize" после полной загрузки страницы, в результате чего настройки для устройств с шириной меньше 480 пикселей будут применены сразу же.
Также убедитесь, что у вас правильно подключены все необходимые файлы для работы слайдера, включая jQuery и slick slider.
Надеюсь, это поможет вам решить проблему!
<ul class="equipment-in-tabs">
<?php foreach( $terms as $term ): ?>
<? $image = get_field('ikonka_kategorii', $term);?>
<li class="equipment-in-tabs__item">
<a href="<?php echo esc_url( get_term_link( $term ) ); ?>">
<span class="equipment-in-tabs__img">
<img src="<?php echo $image['url']; ?>" alt="">
</span>
<span class="equipment-in-tabs__title"><?php echo esc_html( $term->name ); ?></span>
</a>
</li>
<?php endforeach; ?>
</ul>