Solved

How to remove extra white space on mobile view in Debutify theme?

LifeEssentials
Visitor
2 0 2

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

 

WeChat Image_20200602161042.jpg 

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@LifeEssentials 

can you please share your iPhone configuration

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 24 (24)

KetanKumar
Shopify Partner
36839 3635 11972

@LifeEssentials 

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?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LifeEssentials
Visitor
2 0 2

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

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@LifeEssentials 

can you please share your iPhone configuration

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
slayeramv
Visitor
1 0 0

I need help too, have this same problem, you can help? please

KetanKumar
Shopify Partner
36839 3635 11972

@slayeramv 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AdsUAE
Tourist
7 0 4

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

 

keltou
Tourist
6 0 1

https://novera-com.myshopify.com/

I have the same problem

 
 

capture.PNG

 

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @keltou 

Welcome to the Shopify community!
and Thanks for your question.

The store is password protect can you please share us.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jex310
Visitor
2 0 0

What's the solution for this? Why is it resolved?

 

jex310
Visitor
2 0 0

What's the solution for this? Why is it resolved?

bonzi
Visitor
1 0 1

How to remove extra white space on mobile view in the Debutify theme?

KetanKumar
Shopify Partner
36839 3635 11972

@bonzi 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
barattin
Visitor
2 0 0

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

Cattura.PNG

urlsite = undefited.com 

password = mack

KetanKumar
Shopify Partner
36839 3635 11972

@barattin 

Thanks for post 

can you please share theme.liquid code so i will update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
nikolaradunovic
Tourist
9 0 4

I dont see a solution here, i have the same issue?

barattin
Visitor
2 0 0
Problem solved, i hired a programmer on fiv3r
nikolaradunovic
Tourist
9 0 4

Same issueunnamed.png

KetanKumar
Shopify Partner
36839 3635 11972

@nikolaradunovic 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
nikolaradunovic
Tourist
9 0 4
KetanKumar
Shopify Partner
36839 3635 11972

@nikolaradunovic 

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?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
nikolaradunovic
Tourist
9 0 4

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 

Screenshot_20210127-223508_Puffin.jpg

https://moderngamefare.com/collections/console-accessories

KetanKumar
Shopify Partner
36839 3635 11972

@nikolaradunovic 

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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Paranoia_1999
Shopify Partner
6 0 1

Hi. I have similar problem, can you help me with my issue?

Paranoia_1999_0-1681897303896.png

 

fosetterlife
Tourist
4 0 3

@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!