Titles on Mobile

Resolved beefi1123
(@beefi1123)

5 years 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)

5 years ago

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

Regards

Thread Starter

beefi1123

(@beefi1123)

4 years, 12 months ago

https://www.volleyradar.com

Plugin Author

rameez_iqbal

(@rameez_iqbal)

4 years, 12 months ago

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.

Tags