1. RoliMeier
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 02 March 2017
  5.  Subscribe via email
Hi, I work with the new London-Template. I use the J51_LayerSlideshow on the position showcase. Everything is fine but not on Mobile. Can you please have a look on http://www.3c-beratungsportal.ch.

Thanks a lot
References
  1. http://www.3c-beratungsportal.ch
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Solved it,
Added some code you posted in another thread:

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

Thanx Ciarán:)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Tnx, that did make it work !
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Dear Ciarán, I have problem if i define the slideshow then I see on the mobile device nearly nothing or only fragments. Roli
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
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'.
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran, tnx for the reply. However... this doesn't seem to be working.

Take a look at http://www.ji-consult.be/fixingyou
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Accepted Answer Pending Moderation
0
Votes
Undo
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?
  1. more than a month ago
  2. Commercial Templates
  3. # 14
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 15
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.