Can change from carousal to stacked?

Store Design
1

Can this related section be changed to stacked rather than carousel, so it will show all items at once without needing to swipe left or right?
focus on mobile version
https://sheeksorority.com/

Sheeks_0-1720449875450.png
Sheeks_0-1720449875450.png1366×768 171 KB

there r five product for this section, i want it shown all there
can anyone help me with that

2
  • Here is the solution for you @Sheeks
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 750px) {
.slick-list .slick-track {
     display: grid !important;
    grid-template-columns: auto auto !important;
    transform: none !important;
    width: 50% !important;
}
}
  • Here is the result you will achieve:

BSSTekLabs_0-1720450757529.png
BSSTekLabs_0-1720450757529.png355×800 265 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

I am sorry
but its not working
its changing the rest of section

4

Hi @Sheeks ,

I haved checked your issues, you can try customize “Maximum products to show” on customize theme by this way, hope it helps in your theme:

Step 1: Go to Admin → Online store → Theme > Customize:

Step 2: Go to Product Page → Related Products → Change the number of “Maximum products to show” to max.

BSSCommerceB2B_0-1722132510393.png
BSSCommerceB2B_0-1722132510393.png1910×978 235 KB

Step 3: Save and reload page.

It’s a pleasure to assist you.

Good luck! ^^

If they are helpful, please give us likes and mark as the solution.

Have a nice day!