Collections list in one line

[Digital_Imran]

I hope everyone is doing well. I'm using the Be Yours theme, and the collections list image on the desktop view is currently showing 2 per row. I would like to change it to display 4 collections per row. Screenshot attached.

Can anyone help me? Any assistance would be greatly appreciated.

Thank you!

Store URL: https://fit4u.online/

[niraj_patel · Accepted solution]

Hello @Digital_Imran 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
  #shopify-section-template--23120365420877__collection_list_4BCAeX .collection-list--4-items .grid__item{
       width: calc(24% - var(--grid-horizontal-spacing) / 2) !important;
  }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Digital_Imran]

Thank you so much @niraj_patel it works 😀

[Sweans]

Hi @Digital_Imran ,

To set collection list in one line,follow these steps:

1.Go to Customize:-

In your Shopify admin, navigate to Online Store > Themes.

Click Customize for the "Be Yours" theme.

2.Select Collection List:-

In the left side panel, locate and click on the Collection List section.

3.Adjust the Number of Collections Per Row:-

Within the settings for the Collection List, you should see an option to adjust the number of columns per row.

Select 4 from the number of columns on desktop to display 4 collections per row.

4.Save Changes:-

After making your selection, click Save at the top right to apply the changes.

Result:-

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,
Sweans