Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
@media only screen and (max-width: 589px) { .grid-overflow-wrapper .grid { flex-wrap: wrap!important; align-items: center; justify-content: center; width: 100%; } }
please share a store url to better assist
This is an accepted solution.
@media only screen and (max-width: 589px) { .grid-overflow-wrapper .grid { flex-wrap: wrap!important; align-items: center; justify-content: center; width: 100%; } }
Hi Evita,
It works!
Thank you very much!
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!
Hey, @fangsb ,
Did you clear the cache?
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
Thanks Evita!! You are a Gem.
I had to do it twice before it stuck. Coming out of that page and going back in may have helped, but this definitely works guys!
Evita you are truly appreciated.
This solution does not seem to be working, please help.
when I go to edit code, I don't have this asset theme.css or theme.scss
Nope, me neither 😞
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024