Homepage best sellers carousel layout issues

gwilliams
Pathfinder
126 0 33

Hello

I have a carousel best seller section on my homepage which highlights various products. I am having issues with the layout as I would like the text featured on the carousel (the product title/price) to be aligned to the center of the box that it is in so it's aligned good. I have a screenshot below which should hopefully show the issue.

The live website URL is: https://display-sign.co.uk/

carousel-desktop.png

dmwwebartisan
Shopify Partner
7462 1773 2374

@gwilliams 

Please add the following code at the bottom of your assets/theme.css file.

.slick-product-list .type {
    display: flex;
    flex-direction: column;
    min-height: 90px;
}
.slick-product-list .type a {
    margin: 0px 0px;
    text-align: center;
    vertical-align: middle;
}


.slick-product-list .price {
    display: block !important;
}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
gwilliams
Pathfinder
126 0 33

Thanks, it looks much better on desktop view but is it possible for it to be positioned more in the center of the screen on mobile as it looks a bit out of place and the left/right arrows are cropped off the sides (see screenshot).carousel-mobile.png

0 Likes