Joomla 4.2.3 and JCEMediaBox 2.1.2
I'm a new user, so this could very well be my problem, but I have been struggling with it for a few days and made no headway.
I'm working on a site that has a fair number long narrow images (mostly pendant light fixtures) that we want to popup when clicked. On most devices, things work fine. On iPhones (and perhaps android phones - don't have one to try), the image pops up full width of the screen and the bottom of the image is cut off so you cannot close the popup without rotating the phone so the image resizes.
I have tried setting sizes in the popup dialog for the link, but that does not seem to do anything. Even if it did, setting the size small enough for the phone would make it too small on a computer screen.
I tried setting values in the height and with under the System | Plugins | System - JCE MediaBox 2 | Options. I was hoping I could put in something like 80% for the height and have the popup limit the maximum height of the popup to 80% of the screen. That did not seem to do anything either.
Here are a couple example links:
https://lightworkslighting.com/light-fixtures/ceiling-fixtures/artemis
https://lightworkslighting.com/light-fixtures/ceiling-fixtures/annabelle-pendant
I was looking for ways to override the CSS for the popups, but I am not sure where to put the overrides. The user.css file entries are overridden by the jcemediabox.min.css file.
Any suggestions for how to deal with these things?
I'm a new user, so this could very well be my problem, but I have been struggling with it for a few days and made no headway.
I'm working on a site that has a fair number long narrow images (mostly pendant light fixtures) that we want to popup when clicked. On most devices, things work fine. On iPhones (and perhaps android phones - don't have one to try), the image pops up full width of the screen and the bottom of the image is cut off so you cannot close the popup without rotating the phone so the image resizes.
I have tried setting sizes in the popup dialog for the link, but that does not seem to do anything. Even if it did, setting the size small enough for the phone would make it too small on a computer screen.
I tried setting values in the height and with under the System | Plugins | System - JCE MediaBox 2 | Options. I was hoping I could put in something like 80% for the height and have the popup limit the maximum height of the popup to 80% of the screen. That did not seem to do anything either.
Here are a couple example links:
https://lightworkslighting.com/light-fixtures/ceiling-fixtures/artemis
https://lightworkslighting.com/light-fixtures/ceiling-fixtures/annabelle-pendant
I was looking for ways to override the CSS for the popups, but I am not sure where to put the overrides. The user.css file entries are overridden by the jcemediabox.min.css file.
Any suggestions for how to deal with these things?