Joomla Templates Club 406,261 posts

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#201487

Hello,

my client just reported that the layout is a mess in iphone, which worked well for me. now i found out that the layout is messed up in iphone 5s.

Can you kindly check? if you need to fix things through ftp, please install explorer component

Regards,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#550340

I could not see what the problem are you mentioning on your site?

In JA University template, you will see the definition to load css style in mobile layout from templates/ja_university/etc/layouts/default.xml file


<stylesheets>
<file>css/template.css</file>
<file media="only screen and (max-width:719px)">css/layout-mobile.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<file media="only screen and (min-width:720px) and (max-width: 985px)">css/layout-tablet.css</file>
</stylesheets>


With the dimension that from mobile layout will be loading the css style that.

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#550596

Please check this video

http://screencast.com/t/fQKKQ0C6ujV

the problem is only with iphone5s

im using http://www.browserstack.com/

Regards,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#550691

This is a web app simulator, you need to test it with real device again. I do not use IP5s but I tested it with IP5 and it is working fine

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#551558

hi,

as mentioned in my first post, that my client has tested it with his phone. i did as well, i just recorded the video to show you. Can you kindly communicate with other support member who has an iphone 5s to check it for us

Regards,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#551605

Can you send me the screenshot and describe with the problem on IP5s? It’s pretty hard to debug the problem on your site without clue.

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#551737

I don’t understand why it’s hard. the problem is simply the website is not responsive and broken in iphone 5s and i have sent you not a screenshot but a video. the emulator did a great job matching what has been seen in my client & friend phone.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#551922

I just fixed the problem from templates/ja_university/blocks/head.php file on your site with the solution below

Find and change

<?php if (T3Common::mobile_device_detect()=='iphone'):?>
<meta name="apple-touch-fullscreen" content="YES" />
<?php endif;?>

<?php if (T3Common::mobile_device_detect()):?>
<meta name="HandheldFriendly" content="true" />
<?php endif;?>

To

<meta name="HandheldFriendly" content="true" />
<meta name="apple-touch-fullscreen" content="YES" />

You can check it again, let me know if it helps

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#552798

hi, the solution doesn’t work. it tried so hard finding the issue myself with no luck.

another question, have you tried making any adjustments to ja_university/index.php?

Regards,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#552825

@mohand: I could not have real IP5s to check the problem on your site but I checked it with all emulation app like IP5s but anything is fine, see the screenshot

About other request you can do that with changes SEO Settings under Global Configuration with Use URL rewriting to No, see the screenshot

Once done clear cache from admin area

---

Attachments:

1. 
2. 

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#552898

Hi,
thank you for checking. Can you kindly use http://www.browserstack.com/ for free. My client has been mad since this problem has not being resolved yet. i can confirm that there is a problem in both iphone5c and iphone5S. i’ve check with my friends mobile.

the weird thing it works on iphone6! but not 5S or 5C!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#553015

Look at the screenshot here and your site is working fine with real IP5s

Can you check it with real device and let me know the result?

---

Attachments:

1. 
2. 

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#556990

Hi,

That’s not what im getting. I have recorded a video of how it looks on iphone5c.

Please find it here http://www.screencast.com/t/C02lPi67F

Regards,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#557119

I tested URL of your site with BrowserStack and real iphone 5s device but I could not see the problem as you mentioned.

[Author]

Posts