Joomla Templates Club 406,261 posts

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#188412

Hi, I just noticed that when viewing the desktop version on an iphone, the font size of many modules on the right column (such as HTML modules, Advertisement, Most Read, and Discussion) are wrong. They become larger than other texts on the homepage.

Please see screen shot.
They display correctly on a desktop browser and on the ipad.

May I know how to fix this problem for the iphone?
Thanks.

screenshot 1

screenshot 2

---

Attachments:

1. 
2. 

[trungnq Friend trungnqJoin date: November 2008Posts: 7Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#496664

<em>@ceeyee 377636 wrote:</em><blockquote>Hi, I just noticed that when viewing the desktop version on an iphone, the font size of many modules on the right column (such as HTML modules, Advertisement, Most Read, and Discussion) are wrong. They become larger than other texts on the homepage.

Please see screen shot.
They display correctly on a desktop browser and on the ipad.

May I know how to fix this problem for the iphone?
Thanks.

screenshot 1

screenshot 2
</blockquote>

Could you please send me via PM your site’s URL and a super user account to access your back end ?

It’s better with a closer look and detect what is happening

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#496754

The details were sent.
Thank you very much.

<em>@Quartermain TR 377807 wrote:</em><blockquote>Could you please send me via PM your site’s URL and a super user account to access your back end ?

It’s better with a closer look and detect what is happening</blockquote>

[trungnq Friend trungnqJoin date: November 2008Posts: 7Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#496877

Hi ceeyee

I access back-end of your site and as I can see you assign Default layout for desktop and all devices view

Desktop Layout
Handheld Layout
Iphone Layout
Android Layout

http://prntscr.com/1btuzw

That’s reason the font size is bigger

You can see here http://prntscr.com/1btvls

In iPhone layout parameter, try to assign iPhone layout to it instead of Default layout > Save & clean JAT3 cache and let me know if problem still persists.

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#497235

The reason why I made all the mobile layouts to Disabled is because I wanted all devices to view only the desktop version.

If I assign “iphone” to iphone, the mobile version rather than the desktop version will show in safari when viewed from the iphone, which is not desired.

Is there a way to have iphone (and all other mobile devices) to always open the desktop version of the website, without the font problem?

Put simply, I want only the desktop version across devices, with only one font setting (the one of the desktop version).

Could you please help?

Thank you.

Thanks.

<em>@Quartermain TR 378053 wrote:</em><blockquote>Hi ceeyee

I access back-end of your site and as I can see you assign Default layout for desktop and all devices view

Desktop Layout
Handheld Layout
Iphone Layout
Android Layout

http://prntscr.com/1btuzw

That’s reason the font size is bigger

You can see here http://prntscr.com/1btvls

In iPhone layout parameter, try to assign iPhone layout to it instead of Default layout > Save & clean JAT3 cache and let me know if problem still persists.</blockquote>

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#497997

Can anyone help?
Thanks.

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

#498024

<em>@ceeyee 379416 wrote:</em><blockquote>Can anyone help?
Thanks.</blockquote>

This is not bug, because Safari browser on iPhone device will auto scale font-site if you don’t want to run with this option you can disable it by

Open templates/ja_teline_iii/css/template.css file

From


body {
color: #000
font-family: Arial, sans-serif;
}


Change to


body {
color: #000
font-family: Arial, sans-serif;
-webkit-text-size-adjust:none;
}


You can read more information about scale font-size on iPhone device here

Remember to clear cache from Admin area

1 user says Thank You to Ninja Lead for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#498171

Thank you two so much.

<em>@Ninja Lead 379448 wrote:</em><blockquote>This is not bug, because Safari browser on iPhone device will auto scale font-site if you don’t want to run with this option you can disable it by

Open templates/ja_teline_iii/css/template.css file

From


body {
color: #000
font-family: Arial, sans-serif;
}


Change to


body {
color: #000
font-family: Arial, sans-serif;
-webkit-text-size-adjust:none;
}


You can read more information about scale font-size on iPhone device here

Remember to clear cache from Admin area</blockquote>

[Author]

Posts