Recent
Categories
View Replies (7)

Hayley template - J51 Layer Slideshow

  1. Issue
0
Votes
Undo
  1. Fearon
    Fearon
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 11 February 2023
  5.  Subscribe via email
Hello,

I'm trying to figure how best to use the LayerSlideshow module. My issue is I would to be able to run two images for each slide - one for desktop and one for mobile (desktop would be wider).

I don't see anyway to do this so I thought I would set up two modules and use "hidden-phone" and "hidden-deskop" in the module class. I've tried it and it doesn't seem to work.

I've attached a file showing the entries in the module class. The software accepts them but they do not seem to be doing anything.

Any advice?
John
Attachments (1)
module class.png module class.png
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi John

What you are suggesting should work for what you are looking to achieve. Note that as Joomla 4 is now using Bootstrap 5, try using one of the Bootstrap display utility classes... https://getbootstrap.com/docs/5.0/utilities/display/#hiding-elements

You are still having an issue, may I suggest providing a URL to an example of your modules and we will examine this further.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Fearon
Fearon
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran. I'll give this a go and get back to you.

John
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Fearon
Fearon
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Oiche mhaith Ciaran,

Would appreciate your help on this.

I tried the older style (hidden-phone) and the newer style and could get neither to work.

I have this is in Advanced tab:
visible-desktop hidden-tablet hidden-phone

The page is:
https://www.mountpleasantlibrary.org/hayleyj4/index.php/mppl-menu/home-2

If it would help you, I can set up with access

Thanks
John
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi John

To amend try using the following classes which will hide the module on phone and tablet...

d-md-none d-lg-block


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Fearon
Fearon
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Good Morning Ciaran

I tried that (with and without the "1 |";) and I get an error message telling me it is invalid.

When I did the older code ("Hidden-phone";) the module accepted it, but it didn't work.

I've attached a screencap.
Attachments (1)
error.png error.png
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

There appears to be a space before the classes. Could you try removing this space and see if the issue is resolved.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Fearon
Fearon
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran. That did it.
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


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