Hello

Could you detail for me the issue you are having on mobile devices?

Ciarán

Dear Ciarán, I have problem if i define the slideshow then I see on the mobile device nearly nothing or only fragments. Roli

Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...

.touch .layerslideshow .item h2 {

    font-size: 24px;

}

.touch .layerslideshow .item h3 {

    font-size: 14px;

} 

Ciarán

Solved it,
Added some code you posted in another thread:

.layerslideshow .info {
display: block !important;
}

Thanx Ciarán

Hi Ciarán,

I have the same problem with the same template. I have some text and a link in the layerslideshow, but none are showing or working on mobile device.
I have my layerslideshow in position top-3a, and put the code mentioned above in the template custom CSS, both in the man and the responsive css, but neither worked.

Please help.

Baljinder

Hello Ciarán, hello balosingh,

I have the same problem.

Look : http://www.ji-consult.be/fixingyou

On mobile, the text on the slideshow is not showing up (iphone 7). When you tilt the mobile device, it's working.

So I added the code from balosingh, it's showing up now, but the first text is only showing a part of it.

Instead of putting : 'mind body soul' it only puts 'body'.

Hello

To amend try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 440px) {

.layerslideshow .img-fill img {

    max-width: 260%;

}} 

Ciarán

Tnx, that did make it work !

Hello again,

I have another question for these layeredslideshow : can I use a different color for the font, so that when you display this on a phone, let's say, the font is Very light (withe ...) or something, and if used on tablet, it's dark green or something. Is it also possible to change the font itself?

Look : http://www.ji-consult.be/fixingyou

Hello

Using the Custom CSS fields in the responsive Options tab of your templates parameters you can add the following CSS (edit to taste)...

.layerslideshow .item h2, 

.layerslideshow .item h3 {

    color: white;

}

Ciarán

Hello Ciaran, tnx for the reply. However... this doesn't seem to be working.

Take a look at http://www.ji-consult.be/fixingyou

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you

Your text color should be now changing correctly. We have replaced the suggest CSS with the following (adding !important)...

[code].layerslideshow .item h2,
.layerslideshow .item h3 {
color: white !important;
}[code]

Ciarán

Tnx ! You're the best. For me it just keeps difficult sometimes to pinpoint the exact place of where one should tweak some css code, to get the desired action.
Any (online) css course recommendations?

Hello

Your best friend in situations like this is the 'Inspect Element' option in your browser (Right Click -> Inspect Element). At the top of the list of rules you will see a plus sign. Clicking this will give a recommended selector for that element.

Ciarán