• Registered: 2014-03-29
  • Posts: 15

Topic: Height non-adjustable in mobile view?

When viewing a wordpress post with a juicebox gallery on an iPhone (haven't checked other devices), the height of the gallery doesn't auto-adjust so that there isn't excess background displaying. Seems to be stuck at the gallery height option (600px).

Can this be adjusted and/or is this a pro option?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Height non-adjustable in mobile view?

If you set your gallery's height to a fixed pixel value (such as 600px), then it will be 600px in all devices and browsers.

You can change a Juicebox gallery's height in the gallery settings window.
By default, it is set to a fixed pixel value (600px) because setting a gallery's height to be a percentage (such as 100%) can cause problems if the gallery's parent container does not have a height set via CSS. Juicebox may then not be able to determine what its own height should be (100% of what?).

In a WordPress environment, you may have little control over the gallery's parent container which is generated by your theme. It is unlikely that a height will be set for the gallery's parent container as the theme has no way of knowing what content will be placed in the page or post and WordPress pages are designed to scroll vertically if necessary. (They are not intended to dynamically rescale vertically to fit within a user's browser window height).

You could try changing your gallery's height to a percentage but whether this works OK or not may be dependent on your theme.

  • Registered: 2014-03-29
  • Posts: 15

Re: Height non-adjustable in mobile view?

Thanks Steven!

I'd tried setting at 100% as well and that just made it really big. I'll scope out what the parent container is set at and go from there.

  • Registered: 2014-03-29
  • Posts: 15

Re: Height non-adjustable in mobile view?

@steven, curious about the mobile layout options when using pro.

Is there the ability to change the mobile version layout/look/functionality to a slideshow that doesn't have to be touched to open or is that the only way juicebox works on mobile?

Just trying to figure out if purchasing pro has what we need before purchasing. Thanks!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Height non-adjustable in mobile view?

Is there the ability to change the mobile version layout/look/functionality to a slideshow that doesn't have to be touched to open

Yes. By default, Juicebox will display the Splash Page on small screen devices (a place-holder for the gallery which will be opened in a new page when clicked) but you can choose not to display the Splash Page by setting showSplashPage="NEVER".
Alternatively, you could force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE".
Please note that these two configuration options are Juicebox-Pro only (and not available in Juicebox-Lite).

For more information on Screen Modes and how Juicebox adapts to different devices and screen sizes, please see here.