Suivant Related Items Alignment

[phishbed]

I think the way the Related Items or "You May Also Like" items are aligned in the Suivant ReadyTheme is odd. It works perfect for mobile, however, on a full screen, it aligns at the bottom of the page under images, below where the description ends. This leaves a lot of empty real estate on the screen. Shouldn't (1) the carousel expand to under the description and include 4 items, or, (2) tuck up under the images alongside the description???

You can view this on the Suivant demo:

http://suivant-theme.mivamerchantdev...oe-bootie.html

or our site

http://www.ktm-parts.com/3HS162X20X.html

[Matt Zimmermann]

You could relocate the related product to below the product images, however, for the best mobile implementation, you would probably want to make that a conditional item so the page order didn't go IMAGE > RELATED ITEMS > PURCHASE. The better options would be to to remove the "medium-half" class from the related items and adjust the script call to something like this:

// ---- Related Products Carousel ---- //
$.ajax({
    cache: true,
    crossDomain: true,
    dataType: 'script',
    url: theme_path + '/js/jquery.slick.min.js'
}).done(function () {
    $('#js-related-products-carousel').slick({
        appendArrows: $('#js-related-products-carousel').prev('.h3'),
        draggable: false,
        slidesToScroll: 4,
        slidesToShow: 4,
            responsive: [
                {
                    breakpoint: 1040,
                    settings: {
                        slidesToScroll: 3,
                        slidesToShow: 3
                    }
                },
                {
                    breakpoint: 800,
                    settings: {
                        slidesToScroll: 2,
                        slidesToShow: 2
                    }
                },
                {
                    breakpoint: 512,
                    settings: {
                        slidesToScroll: 1,
                        slidesToShow: 1
                    }
                }
            ]
    });
});