Начинайте миниатюры слева от слайд-шоу, а не посередине

Это просто. Плагин fotorama использует свойство преобразования css3 для выравнивания миниатюр под основным изображением. просто рассчитайте ширину родительского и дочернего контейнера с помощью jQuery, и если родительский контейнер шире дочернего контейнера, выполните преобразование по оси X, чтобы сдвинуть все миниатюры влево.

$(document).ready(function() {
    var pw = $('.fotorama__nav--thumbs').innerWidth();
    var cw = $('.fotorama__nav__shaft').innerWidth();
    var offset = pw -cw;
    var negOffset = (-1 * (pw -cw)) / 2;
    var totalOffset = negOffset + 'px';
    if (pw > cw) {
      $('.fotorama__nav__shaft').css('transform', 'translate3d(' + totalOffset + ', 0, 0)');
    }
});

Чтобы миниатюры начинались слева или справа, просто добавьте код CSS:

.fotorama__nav
{
  text-align: left; /*for left*/
}

.fotorama__nav
{
  text-align: right; /*for right*/
}