Hello
I am trying to customize my product show case on mobile layout can someone please help me out, currently my showcase looks like this
But i am seeking for this kinda look
Provide me with some line of code, every help will be appreciate, thanks!!!
Hi @Toypop
Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.
Best regards
Sahil
Toypop.lt
Hi @Toypop Thanks for the URL, i think you are using the Refresh theme.
So first you need to enable the Thumbnail option for mobile and change media fit from original to fill.
Please follow the step if you don’t know how you can do the same.
Login in shopify admin.
Click on the Online Store.
Then click on the Customize button in live Theme.
Click on Home page and change it to product page.
Then click on product information and scroll down.
Now you need to select the Show Thumbnail option in Mobile Layout, here is the screenshot of the same.
Now you need to change media fit from original to Fill, below is the screen shot of the same.
It will solve your issue and you will get your desired design.
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
Hello, now it looks like this, I want to make that the first photo would fill out almost full screen like I’ve shown in the example,
thanks.
Hi @Toypop Didn’t you have changed the media from original to Fill for mobile device? If you have changed it to fill and still it is not working then add this code.
Please follow the steps:
Result:
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
Hello it worked but it messed up a site a little bit, it goes trough the border in our site and messes everything on product page
Do you know how to fix it ?
Hello mate it messed up with the site as you can see in the picture above can you help me out? 
