Home / Forums / DynamiX Support / Post Masonry Grid on Mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts

  • Martin Griffin
    Participant

    Hi there,

    I’m using a Post Masonry Grid: Overlay with Rotation on a website, but need the post titles to be visible when the site is viewed on a mobile.
    Is that possible?

    Cheers,
    Martin

    Hi Martin,

    The best option would be to customize the current grid type you are using then add a “Post Title” on the Normal Block.

    Once done, we can use CSS to hide the title on desktop then the title will appear on mobile.

    However, there will be no hover effect like how it is currently on desktop

    Thanks!


    Martin Griffin
    Participant

    Hi there,

    OK, I’ve added a Post Title to a custom grid type and it looks good on a mobile.
    Could you let me know the CSS needed?

    Thanks,
    Martin

    Hi Martin,

    Try to use this CSS:

    
    @media screen and (max-width: 1024px) {
    .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
        display: none;
    }
    
    }

    Thanks!


    Martin Griffin
    Participant

    Ha ha. We’re getting there.

    That CSS does the opposite to what I need. It hides the title on the mobile version, not the desktop version.

    Martin

    Hi @creativewisdom

    My bad as I got confused with the dimensions. It should be (min-width: 1025px) instead of (max-width: 1024px)

    Can you please try it?

    Regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.