How to make store mobile friendly

Solved
fangsb
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
Qualitycheck
Shopify Expert
1403 114 222

please share a store url to better assist 

0 Likes
OTM
Shopify Expert
667 170 243

This is an accepted solution.

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
fangsb
Tourist
19 0 2

Hi Evita,

 

It works!

 

Thank you very much!

 

 

0 Likes
fangsb
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
OTM
Shopify Expert
667 170 243

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
GREY123
New Member
1 0 0

Hi,

I tried pasting the code in the last bottom line as mentioned in the post but it didnot help.

Do you know why?

Kind Regards,

grey

0 Likes