MG 2.2 Thumbnail text overlay

Alternadiv

Well-known member
I just made my thumbnail maximum size smaller and noticed the text overlay hiding most of the photo:

D8F2258D-7A4F-4607-A720-145E64315E54.png

It only does this on mobile view. Desktop view doesn't have the overlay at all.

Two questions:

1. Is there a built in way to disable the overlay? I'm not seeing one but I was able to hide it with
CSS:
@media (max-width: @xf-responsiveWide) {
.itemList-itemOverlay {
        display: none;
    }
}
which is fine if there isn't something built in.

2. Is it supposed to show the overlay on desktop view? If so, why might mine be missing? If not, why is there an inconsistency there?
 
Solution
1. That seems like a reasonable approach in this case.

2. The overlay is displayed on mouseover where a mouse is available. Touch devices have to display the information permanently or it would never be seen.
1. That seems like a reasonable approach in this case.

2. The overlay is displayed on mouseover where a mouse is available. Touch devices have to display the information permanently or it would never be seen.
 
Solution
Top Bottom