Tagged: desktop, handy, lightbox, mediapress, mobile
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.
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
Brajeshhi 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.
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
Brajeshspooky. 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 🙂
The topic ‘ [Resolved] MediaPress lightbox resize for desktop/mobile’ is closed to new replies.