Portfolio block on iOS/Safari

Hello again,

another question: Why is it not possible to display the image’s title using the portfolio block with Safari on iOS? It appears static to me with that browser. Trying it with an Android device/Chrome browser does show the title.

Can I do anything so Safari users can see the titles also by clicking on the images in the responsive portfolio block?

Hello,

Can you please provide a link to your website and some explanatory screenshots?

Kind Regards, Roman.

Hello Roman,

Sure. This is my website: https://medilatam.com

First screenshot is how the mobile version should appear (purple background with item’s title on the image when tapping it) and apparently appears on android devices using chrome.

Second screenshot is how the mobile version actually appears on an iPhone using Safari (image is static, no purple background, even when tapping it).

Kind regards,
Kilian

Hello Kilian, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.roll-project .project-item .project-pop {
    visibility: hidden;
}

.roll-project .project-item:hover .project-pop {
    visibility: visible;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support