IPhone blog layout

Advanced and professional portal news Joomla template with community features and various content display layouts.
GK User
Thu Aug 23, 2012 9:00 am
Hello,

On Iphone blog layout, the second line of the title is superimposed on the first line of the article.
How to fix that ?
see on Iphone : http://fapisere.fr/_fapi_2012/

Best regards
User avatar
Expert Boarder

teitbite
Thu Aug 23, 2012 2:58 pm
Hi

Please send me an access to your joomla panel.
User avatar
Moderator

GK User
Thu Aug 23, 2012 5:41 pm
Hello,
See PM.
User avatar
Expert Boarder

teitbite
Fri Aug 24, 2012 10:25 am
Hi

Please try add this to iphone.css file:

Code: Select all
.article-meta.blog { margin: 10px 0; }

.article-meta.blog h2 { margin: 0; }


and let me know if it helped.
User avatar
Moderator

GK User
Fri Aug 24, 2012 11:40 am
Hello,

I added this code in the file iphone.css and there is no change: the h2 line height is too large.
User avatar
Expert Boarder

GK User
Fri Aug 24, 2012 2:25 pm
Other information : same problem on smartphone HTC with android browser.
User avatar
Expert Boarder

teitbite
Fri Aug 24, 2012 6:18 pm
Hi

Please than use this code for test:

Code: Select all
.article-meta.blog { margin: 0; }

.article-meta.blog h2 { margin: 0; }


and please send me an access to FTP so I'll be able to try it myself and fix it faster.
User avatar
Moderator

GK User
Fri Aug 24, 2012 7:59 pm
No improvement: see PM
Thanks
User avatar
Expert Boarder

teitbite
Thu Aug 30, 2012 11:37 am
Hi

I've send it to programmers for check. I have no idea how to fix it.
User avatar
Moderator

GK User
Thu Aug 30, 2012 12:54 pm
Hello

I'll put the site online next week and I hope to have a solution without much delay.
User avatar
Expert Boarder

teitbite
Thu Aug 30, 2012 8:05 pm
Hi

Done. Thanks to programmers.

Solution was to remove height value from header and remove it with:

Code: Select all
.gkCollapsible { min-height: 40px; }
User avatar
Moderator

GK User
Thu Aug 30, 2012 9:13 pm
Hello,

Very well, thank you.

Do I have to make the same change in android.css ?
User avatar
Expert Boarder

GK User
Sat Sep 01, 2012 6:35 pm
Hello,

I confirm that collapsible blog article titles are OK, but an unexpected red cross appears now at the right of the header : how to remove it ?
User avatar
Expert Boarder

teitbite
Mon Sep 03, 2012 12:22 pm
Hi

I think lines of code responsible for this + sign are:

Code: Select all
.gkToggle.hide { background: transparent url('../../images/mobile/btn_hide.png') no-repeat center center; }
.gkToggle.show { background: transparent url('../../images/mobile/btn_show.png') no-repeat center center; }

You can simply remove it from iphone.css file.
User avatar
Moderator

GK User
Mon Sep 03, 2012 1:02 pm
Hello,

Thank you, that's OK
User avatar
Expert Boarder

teitbite
Mon Sep 03, 2012 2:06 pm
Hi

Ok. Great to hear that :) Glad I could help.
User avatar
Moderator


cron