ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Joyn
• February 27, 2016 at 12:07 am #252346
  jonathanthomas

  Member

  Post count: 17

  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.
  February 27, 2016 at 12:18 am #252350
  jonathanthomas

  Member

  Post count: 17

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

  Thanks again.

  February 29, 2016 at 2:53 pm #252686
  David Martin – Support

  Moderator

  Post count: 20834

  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.

• Back to forum

  Posted in: Joyn