Rollovers on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #4291

    On my android mobile device, the home page of FabMasonry just looks like a bunch of pictures. The rollovers only seem to work if you have a pointing device to rollover them with. I would like them to display as the user scrolls the screen. Can you tell me how to do that?

    To be clear, they do display if you tap, but they also quickly disappear as by tapping, you are asking to display the underlying post. I want them to show up as the user scrolls, so they understand why they should click on the pictures. Otherwise, it appears to be just a bunch of photos and there is no indication that you should click on them.


    • This topic was modified 2 years, 8 months ago by kalico. Reason: add details
    Shark Themes

    Hello @kalico

    We apologize for late reply. We are on holiday for festival at the moment. Regarding your issue, you can show the blog post title and meta details by default on mobile device. To do so, you need to add the following code in customizer -> additional css.

    @media screen and (max-width: 500px) {
    .image-focus-masonry .blog-posts-wrapper article.has-post-thumbnail .entry-container {
    opacity: 1;

    Shark Themes


    Thank you, that’s a great solution! I changed the opacity to 0.75 so the images are visible through the rollover, and it’s just right 🙂

    Thank you! Enjoy your festival!


    Perfect, that helped me as well, thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.