There is no way at the moment… Can you share a link so I can see what you mean exactly?
This site has a portfolio section, and I’m using the caption feature to show the photo credits. It looks best that way on desktop. Check it out on mobile however, and the caption covers have the image in some cases. Looking for some kind of CSS or php line of code to just get rid of it for mobile viewers. Thanks.
Sorry, to be more clear on the link above – go to Portfolio, then click one of the thumbnails to go to that gallery. Then it’s the gallery that’s giving the issue.
Checking in on this – any ideas?
Hi, yes it would be possible with some CSS @media query. When I’m back at my desk(top) I can write an example.
Or you could add some script to completely disable the light box for small screens. You can find threads about how to do that on this forum. Look under the sticky ones at the top…
Thanks. Looking forward to your response when you’re able. I definitely don’t want to disable it for mobile if I can avoid it.
Something like:
@media screen and (max-width: 480px) {
.fancybox-title-over { display: none }
}
Where 480px could be raised to 640px (for example) to include small tablet screens instead of only phones…
Or if you get the Pro extension, you’ll have the option to hide the title by default and only show it on mouse hover which will work nicely for touch devices 🙂
