Mobile Website Not Displaying As Mobile

Solved
FroschUSA
Tourist
4 0 4

Hello,

 

 

I would love it if someone can help me solve this issue. The mobile website of Froschusa.com looks exactly the same as the desktop version, which would be fine if it just fit the screen properly (see screenshots below). But right now it's just pulled to the left leaving an empty white space to the right. Theme is Atlantic.

 

After doing some searching, I found a thread which mentioned the margin being an issue but I couldn't find such problem (https://community.shopify.com/c/Shopify-Design/Mobile-Version-of-site-moves-left-and-right-on-Produc...).

 

Also I thought it might the 'Earn Rewards' And 'Chat' options that might be causing problems but I turned those off temporarily and nothing changed.

 

I would appreciate any help in solving this issue.

 

 

IMG_1777.PNG

 

 

 

Thank You,

Rafi

 

 

 

 

KetanKumar
Shopify Partner
14144 1649 5076

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FroschUSA
Tourist
4 0 4

Thank you very much.

www.froschusa.com

 

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

Thanks for URL.
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
14144 1649 5076

This is an accepted solution.

can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

iframe {
    width: 100%;
    max-width: 100%;
}

if you have any issue let me know i can help you.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FroschUSA
Tourist
4 0 4

Sir, you're my hero.

That worked.

 

Thank you so much!

jermtard
New Member
1 0 1

Hello, can someone please help us? Our website is www.theuvtech.com, our website is only displaying website interface but it isn't optimised for mobile. We tried pasting the code but it still didn't help. Can someone kindly help please? Thank you

KetanKumar
Shopify Partner
14144 1649 5076

Hello, @jermtard 

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

yes, i can be done a check  on your backend code.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
simon311
New Member
2 0 1

Hey Ketan!

 

I'm having the same issue, could you help me out.

 

www.zekeskincare.com

 

 

KetanKumar
Shopify Partner
14144 1649 5076

Hello, @simon311 

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

your store is password protect
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes