[Pro] Iphone redirect

Freeway
1

Pro 5.5
I am trying to use the iphone action to redirect but have an issue when I look at this on iphone it is smaller than designed. I designed to 300px wide. Also I think i read where someone was usig a bit of code to redirect to iphone and droid phones. If someone could send that to me with direction it would be even better since I would like it to work or droid phones also.
website is : dixielockandsafe.net

Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

In the iPhone settings section in the inspector try changing the Width: to Device Width

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

BTW - your page width appears to be set at 625px

<div id="PageDiv" style="position:relative; min-height:100%; margin:auto; width:625px">

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

And by using the iPhone redirect action you redirecting Android devices too

<script type="text/javascript">//<![CDATA[
(function(){
	if(screen.width && screen.width <= 320) return document.location = "m.dixielocksafem.html";
	if(screen.width && screen.width <= 480) return document.location = "m.dixielocksafem.html";
})();
//]]></script>

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

I tried changing to device width but still not working. I Checked other phone to see and it still come in smaller than the 320 width designed. Open to any ideas?
Site : dixielockandsafe.net

Walt

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

and it still come in smaller than the 320 width designed

Have a look at

<div id="item2a" style="position:absolute; left:-322px; top:0px; width:300%; height:60px; z-index:9">

The width: 300% is screwing things up.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Where is that coming from or how do I fix this?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Walt,

The redirect does seem to be working, but there is an issue with the construction of the website that is causing the mobile site to not fill the device screen (see http://cl.ly/RoEB).

The problem is that the image that you are using to create the dark gray background of the header is 959px wide, so the mobile browser will zoom out to show it. Delete the image and just set the background color of the “item2a” element to be that color in the inspector.

Also, the image inside “item4a” is set to be 332px wide. This is because you are using a image-based shadow. If you remove the shadow and re-apply it using the CSS3 Shadow Action, this issue will fix itself.

Cheers!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

The above said all.

Let me wrap this in a simple rule:

Page orientation (left, center, right) fixes your playground. NO item is allowed to exceed this playground (black rectangle on your workspace called #PageDIV).

The stretching all-across the browser-window idea follows a total different basic-construction.*

Cheers

Thomas

*I am under the impression, that you should already know this. If - please shoot me a short PM.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options