Why won't my website layout display correctly on iPad and iPhone?

  • 3
  • Question
  • Updated 5 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Outdated

I finished building my website www.honeybeeweddings.ca
It looks good on my pc with Chrome and Firefox. It looks good also on my wife's mac with Safari. But the layout is all wrong with my iPad and iPhone. I suspect it's the difference in screen resolution size... can anyone help me fix this so the layout will stay constant across all the devices? Thanks so much.
Photo of MonkeyRPN

MonkeyRPN

  • 24 Posts
  • 2 Reply Likes

Posted 9 years ago

  • 3
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
sites for smart phones that have complete control and accessibility are developed for phones specifically, like facebook mobile, bank of america mobile, etc. (I know my carousels and slide shows will not show on a smart phone, but the rest of my site is fine.) You'll probably need to hire a coder or simplify your site.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Hello MonkeyRPN

We don't currently support Yola on an iPad - you would need to use a standard computer (PC or Mac) with one of our supported browsers: Supported Browsers.

You can find more information on this link in our forum: http://forum.yola.com/yola/topics/yol....
Photo of MonkeyRPN

MonkeyRPN

  • 24 Posts
  • 2 Reply Likes
Thanks. Hm... so is there anyway to develop a mobile version of my website? Like Guido mentioned, some sites automatically detects the use of a mobile and will default do that. Is that possible with Yola?
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Hi MonkeyRPN

Unfortunately, Yola does not have Mobile App Version that allows you to create and edit your Yola site on a mobile phone. You can however view your site on certain mobile phones. This all depends on the type of phone you have. Many recent mobile phones allow you to do this. Most websites created on Yola will not be optimized for viewing on the small screen of mobile phones. However you can use this service to view your regular Webpages and Blog from your mobile phone - http://www.google.com/gwt/n - Simply type the site's address and hit "Go". This Google Transcoder service reformats the layout of websites and also splits large web pages into multiple parts so navigation becomes very easy. If you are on a slow connection or have to pay for every byte of data that you download, just turn off the Show Images option so web pages will load faster and you also play less charges to the service provider.
Photo of MonkeyRPN

MonkeyRPN

  • 24 Posts
  • 2 Reply Likes
Thanks Sanja. I'm not looking to create or edit my Yola site on my iPad. I just want my visitors to view it properly on their iPads and iPhones. I switched over to Yola from Wix because I wanted my customers to be able to view my site on their iPads and iPhones. Now it looks like mobile users still won't be able to view my site properly.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi MonkeyRPN

These days, mobile phones specifically smart phones are able to view websites that are designed for viewing on computers. However, you can use this service to view your site on a mobile device: http://www.google.com/gwt/n. Type in your web address and click on "Go". If you want to, you can create a subdomain, e.g. mobile.mysite.com that directs to the URL of this site. This Google Transcoder service reformats the layout of websites and also splits large web pages into multiple parts so navigation becomes very easy.
Hope this helps!
Nazlie
Photo of Mihaal Danziger

Mihaal Danziger

  • 1 Post
  • 0 Reply Likes
although this is an old thread, I recently came across the same problem with my yola website and managed to find a really easy solution:

the problem was that the website displayed perfectly on a pc and mac, but was displaying wrong on smart phones.
specifically, the pages were squashed, as if compressed from the sides, so that images were displaying in the wrong aspect ratio, paragraphs were squashed and narrowed, and the top menu was showing up as 2 or even 3 lines.

the short story is that you can drag a column divider "widget" into the bottom of your page, and define the column padding width with a large number on both the left and the right sides (i went for 460). this somehow tricks the smartphone to thinking you have very wide content, and then the whole page displays in its original width.
you can view the example here:
www.mihaaldanziger.com