Shopify themes, liquid, logos, and UX
Hello, my product page shows a huge white extra space on the right side on the mobile view. I'm using debutify theme. However, my other pages are all showing correctly. Can anyone help me with this problem? Page link: https://leofficial.com/products/life-essentials%E2%84%A2-fitness-boxing-reflex-ball-1
Solved! Go to the solution
This is an accepted solution.
can you please share your iPhone configuration
Thanks
Welcome to the Shopify community!
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
Hi KeTan,
On the PC side it looks okay. But on my iPhone this product page shows too much unnecessary space on the right side. Like the picture I posted above. Do I need to edit any code to make it display normally on the mobile view?
Thank you
This is an accepted solution.
can you please share your iPhone configuration
I need help too, have this same problem, you can help? please
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Hello Ketan,
I believe my issue has some similarity on the responsiveness. I just posted the details of the topic here : https://community.shopify.com/c/Shopify-Design/Product-Pages-not-responsive-on-mobile-for-Debut-Them....
Can you please help.
Regards
Hello, @keltou
Welcome to the Shopify community!
and Thanks for your question.
The store is password protect can you please share us.
What's the solution for this? Why is it resolved?
What's the solution for this? Why is it resolved?
How to remove extra white space on mobile view in the Debutify theme?
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
i have the same problem, i have extra white space and the header menu doesn't work at first but only after i enter the account area
urlsite = undefited.com
password = mack
Thanks for post
can you please share theme.liquid code so i will update
I dont see a solution here, i have the same issue?
Same issue
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
I am afraid @KetanKumar @that you are wrong about this or i send you a wrong link please check this one.
I am using chrome and puffin browser same issue
no rush
Thanks for more details
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.productitem--title a {
word-break: break-all;
}
Hi. I have similar problem, can you help me with my issue?
@LifeEssentials Hello, this is unrelated. May I ask where you got your "Low in stock" bar I see at the bottom of your page? Thank you very much!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024