Fixing related products on mobile version

[radaApeta]

Hello, how can i fix related products on product pages on all of my products. On deskotp everything looks right, but on mobile the related products arent in slider. I want two columns to show but in one row so you can slides through others related. Now its without slider, and all related products are shows under each other. Thank you for your help 🙂

https://81e325-28.myshopify.com/

0007

[BSSCommerce-B2B · Accepted solution]

@radaApeta ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
product-recommendations .product-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-width: none
}
</style>

Result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍