Hi, I am using Debut theme.
When reviewing on mobile, its shows like this. Is there any solution for this please thanks.
Hi @UsmanSipra
I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).
Can you pls share your store URL with me, so i can check it once in my device and find the exact solution.
Regards,
Santanu
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi @infoatcodelab7 @INA_MSWEB the store url is : https://huginabox.ie/
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.product-single .product-single__media{
height: unset !important;
}
Hi @UsmanSipra
Greetings from the Store Watchers Support Team! Happy to help you today.
Please follow the below steps to fix the issue.
Go to online store > theme > Edit code > theme.liquid (file) and Paste the below code before → Save
Let me know if need further help.
Regards,
Store Watchers Support Team
Hi @infoatcodelab7 I tried this code but it doesn’t work. Let me tell you one more thing. Earlier the product view was okay on mobile. It started when I tried to remove the space on homepage. There was an extra space on homepage between header and slideshow.
I followed this process
https://community.shopify.com/c/shopify-design/removing-space-on-homepage-btw-header-and-slideshow/td-p/1527994
After this above process, my product view on mobile has been disturbed, Is it because of the above code ? If I remove the above code, then the product view is good. But then again shows a great amount of space in my homepage between header and slider.
Hi @UsmanSipra
This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Layout->/theme.liquid->paste below code before tag