Recent
Categories
View Replies (4)

"J51_ImageHover" does not work on ipad and iphone

  1. Issue
0
Votes
Undo
  1. pschmili
    pschmili
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 02 February 2018
  5.  Subscribe via email
Hello
In the template "J51_LifeStyle" I use "J51_ImageHover". On PC / Laptop this works fine, but not on ipad / iphone (IOS). There is no hover effect. The link works. Is there a way to realize this?
Thank you and best regards
Peter
References
  1. http://mtd.pschmili.de/de/
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

As there is no hover on touch devices one option is to add the following to the Custom CSS field of your template settings...

.j51imagehover88 figcaption {

    opacity: 1;

    transform: translate(0,0);

    background-color: rgba(5,130,202,.6) !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello, Ciarán,
Thank you so much for the quick help. Is there a possibility to execute this function only on tablets/mobils? Normal on desktop PC.
Kind regards
Peter
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

Yes of course. Change the suggested CSS to the following...

.touch .j51imagehover88 figcaption {

    opacity: 1;

    transform: translate(0,0);

    background-color: rgba(5,130,202,.6) !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán,
thank you for your help
Peter
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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