BuddyDev

Search

[Resolved] MediaPress lightbox resize for desktop/mobile

  • Participant
    Level: Master
    Posts: 279
    Richard Foley on #12892

    hi Brajesh,

    this is related to this post:

    https://buddydev.com/support/forums/topic/mediapress-lightbox-size

    Using your quick-fix suggestion with the CSS was fine for the desktop, but on mobile / handy / cell the captions became way too large, and covered the image completely, so I’ve had to back out that change.

    Do you have a solid workaround to get the image larger on the desktop, and keep the current behaviour on the mobile?

    R.

  • Keymaster
    (BuddyDev Team)
    Posts: 24593
    Brajesh Singh on #12922

    Hi Richard,
    There are multiple ways to achieve it.

    We can use css media query for the same.

    For example, here is how we use the old css to target viewport with min-width:980px

    
    @media screen and (min-width: 980px) {
        .mpp-lightbox-content {
            width: 90%;
            display: flex;
            height: auto;
            min-height: 400px;
    
        }
    
        .mpp-lightbox-media-container {
            flex: 1;
            width: auto;
        }
    }
    

    You can customize it as you please.

    Hope that helps.

    Regards
    Brajesh

  • Participant
    Level: Master
    Posts: 279
    Richard Foley on #12924

    hi Brajesh,

    yes, I was using that suggestion of yours, which worked really well on the desktop. However, the mobile/handy display was placing the comments over the image, so that the image was no longer visible. This is the current issue.

    R.

  • Keymaster
    (BuddyDev Team)
    Posts: 24593
    Brajesh Singh on #12926

    Hi Richard,

    The above css is updated css with media query and it won’t apply on small screen devices. Try replacing the old css with it and then clearing cache etc.

    It should work(Let MediaPress use the original css on mobile).

    Regards
    Brajesh

  • Participant
    Level: Master
    Posts: 279
    Richard Foley on #12931

    spooky. Now it (on mobile) appears to load the comments over the image and then, after a short pause, swaps location for the gallery->image page itself. I think we can close this one too 🙂

  • Keymaster
    (BuddyDev Team)
    Posts: 24593
    Brajesh Singh on #12951

    Thank you.

The topic ‘ [Resolved] MediaPress lightbox resize for desktop/mobile’ is closed to new replies.

This topic is: resolved