• Es Ter

    (@es-ter)


    The layout of this webpage is not displaying properly on my iPhone since I added the map.

    http://novagargola.com/onsom/

    There are no problems when I access it from my PC using Mozilla Firefox, Internet Explorer or Google Chrome.

    Any help will be really appreciate it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • thomcooper

    (@thomcooper)

    I believe it is due to you having a fixed width of 640pixels for your map, & your page theme shrinks to fit the iPhone screen which I believe happens to be 640px width, hence that its displaying across the whole width.

    Take a look into making iframes (which is the html behind the map) fit into the page content.

    Thread Starter Es Ter

    (@es-ter)

    I tried reducing the map to different sizes but I still experienced the same problem.

    Can you explain me a bit more about how to make iframes fit into the page content, please? I’m a newbie and don’t know much. Sorry.

    Many thanks for your help.

    thomcooper

    (@thomcooper)

    No Probs.

    I’m in the UK, so I’m finishing & going to bed! I’ll get some info for you tomorrow.

    OK,

    Sorry I’ve not replied sooner. Had a few days off for Easter. So try this –

    Open up your page, click on the html tag above the text input box, find the map html & where it says:

    width: 650px; height: 200px;

    change it to read
    width: 100%; height: 200px;

    Let me know how it goes.

    Thread Starter Es Ter

    (@es-ter)

    I did what you told me but the map size improved but the page doesn’t open properly yet. What else can I do?

    Can you see any errors in the code?

    http://novagargola.com/onsom/

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Problem when opening on mobile phone’ is closed to new replies.