• rjim
  • Member
  • Offline
  • From: New Albany, Ohio
  • Registered: 2013-11-05
  • Posts: 1

Topic: problems viewing on an iPhone 4

I added a header to the gallery and it works on the website (http://midohioboogieclub.org/pictures/2 … dex.html#1)
however on the iPhone, the header shows with the first picture… no controls are available to view additional pictures.

rjim's Website

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

Re: problems viewing on an iPhone 4

What you are describing is the Splash Page.
This is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page (rather than displayed on a page of its own).
When the user taps 'View Gallery', the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.

It looks like the text for your gallery's Splash Page is not being displayed due to some global CSS rules in your web page's 'mbc-styles.css' file, for example:

table {
    width: 100%;
    display: block;
}

Such global CSS rules will apply to all 'table' elements on your web page (including those in your gallery). Juicebox has no option but to inherit such rules. Apply CSS rules to only those elements on your web page that require them through use of ids and classes and all should be well.