Joomla Templates Club 406,261 posts

[pressmar Friend pressmarJoin date: March 2008Posts: 119Downloads:14Uploads:51 Thanks: 25 Thanked: 4 times in 1 posts]

#185518

Please tell me in which file the changes from normal – to tablet espacially iphone are located. I need to make the font smaller in the smaller layouts and i need to show the text even in iphone mode.

Hope you can help.
Oliver

[happywebbie Friend happywebbieJoin date: February 2013Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#485859

Hi there,
same on android too :((
It shows only (big) empty block under the image and you can’t swipe down over an image (at least I can’t)
Is there a way to:

• show the description text
• position the description over the image
• remove the description for mobile phones?

Cheers

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#486008

Hi pressmar,

By default, we make the description of JA Slideshow lite invisible on mobile resolutions because of its font-size. But, you can enable it by below steps:
On your server, open templatesja_merolessresponsive-style.less, replace lines:

@media (max-width: 360px) {
//Slideshow
.ja-slideshow .ja-ss-desc {
display: none;
}


with

@media (max-width: 360px) {
//Slideshow
.ja-slideshow .ja-ss-desc {
display: block;
}


>> Then Compile LESS to CSS in Template Manager to apply the css changes.

Or if you just use this template style only with Development Mode (No), you can do above guide in templatesja_merocsstemplate-responsive.css.
@happywebbie : Lets try on my above guides, then inform me your results.

Regards,
—
Leo

[happywebbie Friend happywebbieJoin date: February 2013Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#487592

Hi Leo,

Thank you, your solution works.:)

However, in order to see the rest of the content of the page you need to be able to swipe/scroll down over the image/slide show, which isn’t possible unless you press and hold on the slide show container. This is a serious usability issue when viewing the site on a smart phone and your page start with a slide show.

Can we overcome this problem or is this just one of the limitations of responsive design?

Best regards,
Jeff

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#487643

Hi happywebbie,

Pls follow this thread: http://www.joomlart.com/forums/topic/ja-slideshow-lite-scrolling-problem-on-iphone/#post-477401

Regards,
—
Leo

[happywebbie Friend happywebbieJoin date: February 2013Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#487877

Hi Leo,

it works but it leaves a blank space where the slide show would be.
Removing

if(vars.touch){
this.initTouchDevice();
}
solved it 🙂

Thanks,
Jeff

1 user says Thank You to happywebbie for this useful post

1. phong nam

[Author]

Posts