How to make store mobile friendly

Solved
Tourist
19 0 2

Hi all,

 

My store looks ok on desktop but it is not optimized for mobile phone.

 

For instance, the products in my featured collection are listed horizontally instead of vertically were viewers can scroll down.

 

How can I make my product listing scrollable and mobile friendly?

 

Thanks!

 

 

0 Likes
Shopify Partner
1142 93 139

please share a store url to better assist 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes

Success.

Shopify Expert
665 170 199
Hi, @fangsb ,
This is Evita from On The Map.
 
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
@media only screen and (max-width: 589px) {
  .grid-overflow-wrapper .grid {
       flex-wrap: wrap!important;
       align-items: center;
       justify-content: center;
       width: 100%;
  }
}
 
Best,
Evita
 
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
19 0 2

Hi Evita,

 

It works!

 

Thank you very much!

 

 

0 Likes
Tourist
19 0 2

Hi Evita and code experts here

 

I deleted away the code which you recommended previously, wanting to restore back the previous format but it didn't work out and my store is now misfigured.

 

When I added your code back into the theme, it didn't work as well.

Can you or any code experts advise how to restore my website back to normal?

 

Thanks!

0 Likes
Shopify Expert
665 170 199

Hey, @fangsb ,

Did you clear the cache?

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes