Mobile view zoomed out on debutify theme

Highlighted
New Member
2 0 0

Hey! I don't have much coding experience but I'm facing this new problem that's never happened before. If anyone can help that would be great.

 

This is how the website looks on mobile:

IMG_2510.jpg

If anyone could suggest any fixes or codes I would really appreciate it.

0 Likes
Highlighted
Shopify Partner
86 1 13
looks like viewport problem. if you know basic theme edit I will guide you otherwise please email me at rawi.rai@me.com for quick fix. https://www.w3schools.com/css/css_rwd_viewport.asp
https://themeness.com - awesome shopify themes and free shopify theme - https://themeness.com/supply-free-shopify-theme/
1 Like
Highlighted
New Member
2 0 0

I emailed you.


@Rawi_Rai wrote:
looks like viewport problem. if you know basic theme edit I will guide you otherwise please email me at rawi.rai@me.com for quick fix. https://www.w3schools.com/css/css_rwd_viewport.asp

 

0 Likes
Highlighted
Tourist
3 0 0

Hey buddy I'm having the same issue in the product page, I changed the product.template.liquid snippet for a full page description and I thought that was the problem with this zoom issue, but I paste the original product.template.liquid snippet  code and the problem persists, I have a little experience in code theme edit, I would aprecciate if you can help me.

0 Likes
Highlighted
Tourist
3 0 0

Hey buddy I'm having the same issue in the product page, I changed the product.template.liquid snippet for a full page description and I thought that was the problem with this zoom issue, but I paste the original product.template.liquid snippet  code and the problem persists, I have a little experience in code theme edit, I would aprecciate if you can help me.

0 Likes
Highlighted
Tourist
3 0 0

I found a solution for debutify just go to snippet -> product-template.liquid and paste this: <meta name="viewport" content="width=device-width, user-scalable=no">

above the other <meta> 

0 Likes