Why isn't my page loading on mobile devices?

[Subhan2]

this page is not loading on mobile phones kindly guide me

url: https://apca.pk/pages/list-a-business

Password: thecka

This is the content i write on page:

Click to expand...

<iframe src="https://forms.gle/Y3kVo3t8qsJKt4jF8" width="540" height="1080" frameborder="0"> </iframe>

[GemPages]

Hello @Subhan2 

It's GemPages support team and glad to support you today.

I have checked the page on my phone and found that the page is working fine, but the page will have a horizontal scroll bar, you should follow these steps to customize the page on the phone:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

<style>
   @media only screen and (max-width: 750px){
      .section-template--17268973764914__main-padding .rte iframe{
         height: 3800px;
         width: 100%;
      }
   }
</style>

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[Victoria]

Hi, @Subhan2.

Welcome to the Shopify Community!

To gather a bit more context, could you share more information on the following:

• What theme you're currently using?
• Have any changes been made to your theme code?
• Have you tried previewing your store in a fresh Shopify theme to see if the issue persists?
• Have you tried rolling back your theme code to an older date stamp?

Looking forward to your reply!

[StoreWatchers · Accepted solution]

Hello @Subhan2 

Embedding the short form URL like https://forms.gle/Y3kVo3t8qsJKt4jF8 in the site works on a desktop view, but the form does not display in a mobile view. 

If you embed the longer URL from the HTML Embed like https://docs.google.com/forms/d/e/1FAIpQLSfWOFOSVMnBrxzaBzKiQNFqAvNsqILK7wR1mQJx4J0OSgQi-A/viewform), the form will also display in mobile view.

I tested this solution on my end. Here is the solution :

Try embedding the following code; it should work on both mobile and desktop devices :

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfWOFOSVMnBrxzaBzKiQNFqAvNsqILK7wR1mQJx4J0OSgQi-A/viewform" width="540" height="1080" frameborder="0"> </iframe>

Output :

Feel free to contact if need further assistance.