First, can someone test with iphone?

http://demo.openchurchsite.com/

Is there an iphone simulator out there?

On ipad and android it lets you scroll to the right where there is ab 100px of just whitespace and I don't know why. Any ideas how to fix this?

CommentFileSizeAuthor
#4 Screen Shot 2012-09-23 at 8.17.40 AM.png184.33 KBdrupalninja99

Comments

thefranklincrew’s picture

thefranklincrew commented

I have an I-phone and yes, it is there as well.
Another question/issue we have had is on our site we have a custom header in place fitted to the 960px width and on mobile devices it is not resizing the custom header if that makes sense. So there is a huge header and everything else is very small and shoved to the far left. There are no problems on the tablet/ipad...just mobile. Any suggestions?

Code Monkey’s picture

Code Monkey commented

A quick search produced this site. http://iphone4simulator.com/ I do not know how well it works. I briefly used it.

drupalninja99’s picture

drupalninja99 commented

Ya the iphone simulator is just a browser trick. It's ok but not really the same thing.

drupalninja99’s picture

drupalninja99 commented
StatusFileSize
new Screen Shot 2012-09-23 at 8.17.40 AM.png184.33 KB

I finally figured out how to launch the iphone simulator from Xtools (Attaching pic). The thing I don't understand is why the width doesn't take up the whole space. That must be a setting somewhere.

linwiz’s picture

linwiz commented

i can confirm the same results as the simulator, on the 4S with iOS6, safari, and chrome.

linwiz’s picture

linwiz commented

i can confirm the same results as the simulator, on the 4S with iOS6, safari, and chrome.

alodien’s picture

alodien commented

drupalninja99 - I am trying to develop a site based on openchurchsite and have been researching the issue you are describing, because I get the same results on the demo website and my work in progress site. have you found any solution/workaround?

drupalninja99’s picture

drupalninja99 commented

@alodien, I haven't. It appears some arbitrary width is being applied. Ipad has a similar issue where 30px spacing appears on the right. I really need help researching this. For example does this happen with other Fusion-based themes?

drupalninja99’s picture

drupalninja99 commented

I am finding that iphone is giving me an erroneous availwidth of 320px when I call:
$(window).width()

#page and body are both being set to 320px. I am guessing the ipad is having a similar issue. I don't know what I am doing wrong to cause this issue.

drupalninja99’s picture

drupalninja99 commented

Maybe portrait width is supposed to be 320px? I was thinking it was 460 or 480 but that's probably landscape. I bet the issue is that iphone/ipad are 'shrinking' the site when it loads.

drupalninja99’s picture

drupalninja99 commented

OK I figured it out, it all had to do with the initial iphone/ipad scale. I was able to adjust the viewport meta tag for both OC themes to this:

Now it looks great on my simulator! I am hoping this fixes ipad too. I am going to push to a new release.

drupalninja99’s picture

drupalninja99 commented
Status: Active » Needs review

Pushed fix to OC theme beta4 and OC 1x dev. Once I can confirm the stable release for OC theme is ready I am going to push out a new stable release for OC.

drupalninja99’s picture

drupalninja99 commented

Pushed to 7.x-1.11-beta2

drupalninja99’s picture

drupalninja99 commented

OK I have this updated now (beta3) on the demo site:
http://demo.openchurchsite.com/

It fixes the zoom level on both ipad and iphone!

alodien’s picture

alodien commented

good deal - the demo site looks good on my iphone now - thanks!

drupalninja99’s picture

drupalninja99 commented

Zoom level still isn't exactly the way I want it. It's better for sure. I don't like that it kind of locks you into a zoom level. Maybe I need to tweak it. Bc when I am in portrait mode on ipad it wont let me zoom out.

Tania05’s picture

Tania05 commented
Component: Code » Documentation
Assigned: Unassigned » Tania05

Now Apple has launched its some latest products including iPhone 5, iPad and Mac.Millions of people have been waiting for this moment and now everyone looks into action with beloved Smartphone and machines.On this good site you can get some very effective tips and guidelines related to Apple Store and other recently introduced items.Thanks Admin for sharing such a quality information.
Mac,Apple Store,Google Apps

drupalninja99’s picture

drupalninja99 commented
Assigned: Tania05 » drupalninja99

Wow a spam comment, haven't ever seen that in an issue queue before.

drupalninja99’s picture

drupalninja99 commented
Status: Needs review » Closed (fixed)

Going to close this ticket for now