Shrinking Page on Mobile Device

[bjlolmaugh]

Why did my page shrink?
I just published this page with a new order form. When I look at it on my desktop PC, the size is 100%. But when I look at it from my mobile device, the page has shrunk. None of my other pages are like this.

How can I get it to show 100% on a mobile device?




This is how it should look:

[BaconFries]

A quick look at the html source shows you have inserted code that breaks the WWB page html this being the <table></table> added to the form which has a width of 600px whereas the form itself is 875px.

Without sounding like criticism but in all aspects you really should be designing for mobile rather than just desktop. One reason for this is Google can and is known to penalise sites that are not compliant for mobile devices for todays users. But this is just my two cents worth and you are free to design how you like.

[bjlolmaugh]

I removed the table and that did not resolve the issue.

I have way too much on my plate to redevelop all of my websites. I manage over 30 sites, and just having to spend hours on hours to redevelop the online forms is killing me. So, it won't be any time soon for me to redevelop them all.

Is they any other cause for this issue?

[bjlolmaugh]

In comparison, here is the old page that I replaced.
This old page has an old Frontpage Order Form, instead of the new order form built with WWB.

https://www.paracordpetcollars.com/old-snapcollars.html

This one displays full page on my mobile device.

[Pablo]

You have added a text object on the page 'Text1' outside the page boundaries.
This may be causing the page to expand.

[wwonderfull]

I removed the table and that did not resolve the issue.

I have way too much on my plate to redevelop all of my websites. I manage over 30 sites, and just having to spend hours on hours to redevelop the online forms is killing me. So, it won't be any time soon for me to redevelop them all.

Is they any other cause for this issue?

I have two pair of eyes but still would need four pairs with some glasses to see it in mobile. I think although difficult you should try to redevelop the website because it is not about us making the websites it is about the people we make the websites for. I already feel disabled to see anything on this website on mobile. Unless people are the laptop guy who hangs a bag like the tourist, I am not sure who can become the audience to browse these websites.

The way you are currently making the websites are design wise perfect, but it should have been done using responsive grids. Please consider this for future enhancement as baconfries has mentioned.

[BaconFries]

As Pablos reply there is a "Text Object" (stray) outside of the page boundary which is more prevalent in "Mobile" than in "Desktop" which can accommodate it due to a larger screen/monitor.


The html for this shows it has a position:absolute:left 1540px this inturn is wider than the page and the form itself

Code: Select all

<div id="wb_Text1" style="position:absolute;left:1540px;top:5448px;width:250px;height:18px;z-index:253;">
         <span style="color:#000000;font-family:Arial;font-size:16px;">cat</span>
      </div>
   </div>

[bjlolmaugh]

Thank you. That stray text is what was causing the issue.

In regards to a "Mobile Friendly" website. Every mobile device I have, and ever had, always shows the website 100% on the screen. So I guess I don't understand what you are seeing that makes it difficult for you to see it.