Recent
Categories
View Replies (10)

J51 - ImageHover Gallery Hover Effect doesnt work on mobile phone

0
Votes
Undo
  1. SYSOPONLINE
    SYSOPONLINE
  2. Sherlock Holmes
  3. Free Templates / Extensions
  4. Tuesday, 17 December 2024
  5.  Subscribe via email
J51 - ImageHover Gallery Hover Effect doesnt work on mobile phone. Template j51_natalie – Standard


The hover effect does not work on the cell phone or on the PC if the screen size is set to mobile. Normally the hover effect appears when you swipe with the mouse.
Responses (10)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your ImageHover module?

Ciaran
  1. 4 weeks ago
  2. Free Templates / Extensions
  3. # 1
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
ciaran andy Idea?
  1. 3 weeks ago
  2. Free Templates / Extensions
  3. # 2
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
normal.png

onmobile.png
Attachments (2)
normal.png normal.png
onmobile.png onmobile.png
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It is difficult to offer a solution as there is no 'hover' on a touch device. The solution provided is the only option I can think of.

Ciaran
  1. 3 weeks ago
  2. Free Templates / Extensions
  3. # 4
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran you have a tipp?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your ImageHover module?

Ciaran

https://schornsteintechnik-bock.de/
  1. 3 weeks ago
  2. Free Templates / Extensions
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media (max-width: 767px) {

    .j51imagehover figcaption {

        opacity: .7;

        transform: none;

    }

    .j51imagehover figcaption * {

        opacity: 1;

    }

}


Edit to taste

Ciarán
  1. 3 weeks ago
  2. Free Templates / Extensions
  3. # 8
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I added the code but now the hover effect is visible all the time.
Attachments (1)
Screenshot 2025-01-06 185354.png Screenshot 2025-01-06 185354.png
  1. 3 weeks ago
  2. Free Templates / Extensions
  3. # 9
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It is difficult to offer a solution as there is no 'hover' on a touch device. The solution provided is the only option I can think of.

Ciaran


Yes, but the problem is that this solution now means that it is always displayed on the web view.

https://schornsteintechnik-bock.de/kamine/aduro-kaminoefen.html
Attachments (1)
Screenshot 2025-01-07 202412.png Screenshot 2025-01-07 202412.png
  1. 3 weeks ago
  2. Free Templates / Extensions
  3. # 10
  • Page :
  • 1


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

Site Links

Recommended

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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok