Portfolio Masonry – mobile / responsive overlay of title and subtitle

[jonathanthomas]

I’d like to be able to do what was described in this post:

Fixed titles for Masonry Portfolio on mobile devices only

but what was posted there doesn’t work for me.

I can sorta get a transparent and solid color to show up without moving the thumbnail image up but I can’t get the h4 / h5 title and subtitle to display at the same time.

Basically I just want to do what happens on hover, without moving the image up, so that people on mobile see the artist / date without having to click through.

It would be awesome if you could update the theme at some point in the future to have some responsive display options for these portfolio / gallery masonry grids but I’ll be super happy just to have a temporary CSS fix that works!

Thanks!

Attachments:

You must be logged in to view attached files.

[jonathanthomas]

It would also be great if the height of the background block could be made smaller but any solution is great!

Thanks again.

[David Martin – Support]

Hi,

Hover does not exist as such for mobile. Please use this CSS to stop the image moving up for mobile:

@media only screen and (max-width: 767px) {
.standard-browser .thumbnail-gallery-alt-one figure.overlay-style:hover .multi-masonry-img-wrap {
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

Thanks.