Bug list for WD8?

**steve.ledger** · 29 April 2012, 11:39 AM

Hi Abi,

I don't have any iOS devices, but I have viewed billybirddesigns.com on my android phone and pad but do not see the problems you mention.
As with the other site about (see my screenshots) it displays well on both devices and in both orientations.

Android pad (ASUS TF101)

Click image for larger version.

Name: Screenshot_2012-04-29-22-00-19.jpg
Views: 155
Size: 70.3 KB
ID: 89121

Click image for larger version.

Name: Screenshot_2012-04-29-22-00-13.jpg
Views: 168
Size: 71.8 KB
ID: 89122

As a test, could you please manually remove this line from your published index.htm

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

And replace it with

<meta name="viewport" content="width=device-width" />

**Abikadabra** · 29 April 2012, 12:09 PM

Umm? How do I do this? I really appreciate your time on this issue Sledger. Thanks.

**steve.ledger** · 29 April 2012, 12:28 PM

Well there's two ways I would do this, one is to edit the index.htm using FileZilla.

Click image for larger version.

Name: edit-filezilla.jpg
Views: 162
Size: 18.4 KB
ID: 89123

Or you could open the index.htm in notepad on your PC and do it there.

**Abikadabra** · 29 April 2012, 02:58 PM

Hi Sledger. I did the replacement in notepad via pc and published the site again, but it is still displaying too large in the ios browsers. But thanks for the suggestion. Cheers, Abi

**steve.ledger** · 29 April 2012, 09:35 PM

Last try:

To disable the viewport metatag, add following name to any object in the document:

NoViewportMeta

You must have the 16th April update installed for this to take affect.

Removing this meta will render the head section identical to version 7 output.

**Abikadabra** · 30 April 2012, 03:44 AM

Hi Sledger. I tried your last suggestion but no joy. However, using your other suggestions I came up with the following solution :
Go to WEB PAGE PROPERTIES >Website>HTML Code Head and paste in the following
<meta name="viewport" content="width=device-width, initial-scale=0.33"/>
push APPLY and then OK and then export files to your folder, then SAVE.

The initial-scale=0.33 works well for all sites up to 1000px width. Anything over that change the value of the scale to 0.3 .

If you have google analytics code in this head, just leave a line between that code and this code.

I would like to thank Sledger very much for the help given to this thread, and without his ideas and suggestions I would not have been able to work this out. Thanks again Sledger. Cheers, Abi

**steve.ledger** · 30 April 2012, 04:48 AM

Are you sure you following my directions carefully to remove the viewport meta?
Because it is still present in http://billybirddesigns.com/

And adding your custom meta gives you conflicting viewports

<head>
<meta name="XAR Files" content="index_htm_files/xr_files.txt"/>
<title>index</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.5.0.0.939"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_text.css"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=0.33"/>

</head>

EDIT: Ah I see you are not using the most recent WD MX update.

I thought we covered this earlier.
Your filter shows an earlier version Xara HTML filter v.5.0.0.939
You must have Xara HTML filter v.5.0.0.947 for the hack to work.
Please update your MX immediately and try again.

Disable the viewport metatag, add following name to any object in the document:

NoViewportMeta