Titles on Mobile

  • Resolved beefi1123

    (@beefi1123)


    5 years, 7 months ago

    I am using Square Effect 13 Left to Right with my carousel, but I noticed it doesn’t do great on mobile. On desktop, it looks very nice with a picture and then details on hover, but the same can’t be done on mobile since there’s no hover. Instead, just a picture sans details is shown and then when clicked, brings the user to the post. I would like to be able to show the details on mobile as well somehow. It could be that the pictures are always on ‘hover mode’ showing details or that details are shown below the pictures. If not, could this be accomplished with a different post style?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author rameez_iqbal

    (@rameez_iqbal)

    Hi, Can you please provide the URL also to have a look into this issue?

    Regards

    Thread Starter beefi1123

    (@beefi1123)

    https://www.volleyradar.com

    Plugin Author rameez_iqbal

    (@rameez_iqbal)

    Hi, please paste following code in the custom css box

    @media only screen and (max-width: 600px) {
 .ih-item.square.effect13 a .img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
 }
 .ih-item.square.effect13 a .info {
   visibility: visible;
   opacity: 1;
 }
 .ih-item.square.effect13.left_to_right a .info {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
 }
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Titles on Mobile’ is closed to new replies.