• Registered: 2016-11-01
  • Posts: 22

Topic: Overlay

Hi.
I’ve set the text overlay to be over the bottom of the image (images from a Flickr feed), but on a mobile the overlay goes way below the image causing an ugly layout.
How do I correct this?
Thanks, Andy

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

Re: Overlay

The captionPosition configuration option is active in Large Screen Mode only (noted in the Caption Options section of the Config Options page).
However, by default, when a gallery is viewed on a mobile device, Juicebox will display the gallery in Small Screen Mode where the value for captionPosition of OVERLAY is used (as screen real estate is generally limited on mobile devices and this value gives captions as much space as possible).

It is not possible to change the value of captionPosition for Small Screen Mode but you can force your gallery to be displayed in Large Screen Mode in all browsers and on all devices if you like by setting screenMode="LARGE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

For reference, more information about Screen Modes can be found in the Gallery Tour.

I hope this helps to clarify things a little.