Symmetry theme - Mobile Collection View

[TrueDealsClub]

Can someone help me, please? On my Home Page, I have the "men's collection" which show 3 items: shoes, apparel, and bottoms. As you can see on mobile, they are aligned vertical (pic 1):
Shoes
Apparel
Gym bottoms

 

And I want to change it to horizontal, so the 3 items are right next to each other on Mobile (pic 2):
Shoes - Apparel - Gym bottoms

 

Could you please tell me how to do it?

Thanks in advance, Gaby

[HDL-Shin]

Hi @TrueDealsClub,
I think to horizontally align the products in mobile devices might affect the aspect ratio. Can you tell me what type of mobile device you want horizontal alignment on and give me your store link?

[TrueDealsClub]

https://truedealsclub.net/ Thank you Shin, I really need that people with a phone can see them horizontally and don't have to scroll down to see them one by one

[TrueDealsClub]

 this is the way I want people to see it on any mobile device

[AnneLuo]

Hello, @TrueDealsClub 

Please share the store URL so that I can assist you.

[TrueDealsClub]

https://truedealsclub.net/  Thank you AnneLou 

[TrueDealsClub]

Look AnneLou this is the way I want people to see it on any mobile device

 

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  @media (max-width: 767.98px) {
    .flexible-layout {
        flex-direction: row !important;
    }
  }
</style>

After modification:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[TrueDealsClub]

Thank you so much!!! 🙂

[AnneLuo]

You are welcome. Could you please give me a like? LOL😄

I'm glad to hear that the solution worked well for you.
If you require any more help, please don't hesitate to reach out.