The Splash Page was designed to be a placeholder for the gallery in Small Screen Mode (essentially an image link with some information) where the gallery may be too small to be useable (on small screen devices) if it is embedded into a web page. When the Splash Page is clicked (or tapped), the gallery is expanded to give the images as much room to be displayed as possible.

You can still use the Splash Page in Large Screen Mode if you like (by setting showSplashPage="ALWAYS") but the Splash Page's functionality will remain the same.

There is a little more information about the Splash Page in the Screen Modes section of the Gallery Tour.

There is no way to override how the Splash Page functions in a Juicebox gallery and it sounds like you might need to create your own custom version of the Splash Page in your web page and load your gallery in its place when it is clicked.
This would certainly be possible but knowledge of HTML, CSS and JavaScript will likely be required (and it would be much easier to work with the available configuration options to reach a compromise).

You're welcome!
I'm glad you've been able to implement one of my suggestions into your gallery.
Thank you for letting me know.

That sounds correct. The module's documentation (Step #3 on this web page) states that you should copy the entire contents of the 'jbcore' folder to your /sites/all/libraries/juicebox/ directory. You should not need to find the font files specifically, though: just upload the entire contents of the 'jbcore' folder to your /sites/all/libraries/juicebox/ directory, keeping the 'jbcore' folder structure intact, and the font files should be uploaded (along with all the other resource files that Juicebox needs) to the correct location on your web server.

The problem is likely to be caused by one of the following:

(1) Please double-check that the font files are present in the correct location on your web server. Even if you find that they are where they should be, try re-uploading them in case something happened during the initial upload which has somehow resulted in corrupt files.

(2) A browser setting or extension might be causing the problem. Try viewing your gallery in a different browser (Edge, Firefox, Internet Explorer 11, Opera, Safari) to see if this makes a difference. If the icons appear OK in a different browser, then try temporarily disabling all extensions in your Chrome browser to see if this helps.

(3) Check that there are no global CSS font rules on your web page which might be setting a custom font for all elements which is overriding Juicebox's own icon font.

(4) A further cause of your problem might be incorrect or missing MIME types for the font files on your web server.
If this is the case, then you may have to contact your web host to ask if they can add the font file types (.eot, .svg, .ttf, .woff) to the list of known MIME types (so that browsers know what to do with them).

If you continue to experience difficulties, I'd be happy to help further but I'd really need to see the problem live on your web server (to at least try to determine whether the problem is server-side or client-side) but I notice that your gallery is currently password protected.
I hope that my notes above point you in the right direction but if you need any further assistance and are happy for me to view your gallery, please let me know and I'll send you an email where you can send me your web page's login details.
Thank you.

It sounds like you are using the Splash Page in Large Screen Mode. When the Splash Page is clicked, the gallery expands using the useFullscreenExpand and expandInNewPage values.

Make sure you set screenMode="AUTO" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and showSplashPage="AUTO" ('Customize -> Splash Page') and the Splash Page will not be used when the gallery is displayed in Large Screen Mode. A visitor to your web site will then be able to expand the gallery by clicking the Expand Button on the Button Bar (as long as you set showExpandButton="TRUE" and do not set buttonBarPosition="NONE").

If you continue to experience difficulties, please post back with the URL to your gallery so that I can take a look at its configuration options and hopefully help further.

Juicebox uses only one galleryHeight value for both Small Screen Mode and Large Screen Mode so trying to use a different value for each screen mode is not going to be easy.
However, there are a few things you could try.

(1) Load the gallery with dimensions for Large Screen Mode, check the Screen Mode being used (via the Juicebox-Pro API getScreenMode() method) and resize the gallery with appropriate dimensions (via the setGallerySize() method) if Small Screen Mode is being used. However, the setGallerySize() method accepts only fixed pixel values for both the width and height so maintaining a width of 100% would not be possible using this method.
If you wanted to try this, though, you could use embedding code such as:

<script>
    var galleryWidthLargeScreenMode = '1000';
    var galleryWidthSmallScreenMode = '1000';
    var galleryHeightLargeScreenMode = '950';
    var galleryHeightSmallScreenMode = '650';
    var jb = new juicebox({
        containerId: "juicebox-container",
        galleryWidth: galleryWidthLargeScreenMode,
        galleryHeight: galleryHeightLargeScreenMode,
        screenMode: "AUTO"
    });
    jb.onInitComplete = function() {
        var screenMode = jb.getScreenMode();
        if (screenMode === 'SMALL') {
            jb.setGallerySize(galleryWidthSmallScreenMode, galleryHeightSmallScreenMode);
        }
    };
</script>

(2) Use your own custom JavaScript function to check if a mobile device is being used to view the gallery and then set a gallery height accordingly. It is unlikely that your JavaScript check will exactly match up with Juicebox's own internal test for whether to use Small or Large Screen Mode (I do not know the exact logic that Juicebox uses) but it might be good enough for most situations.
You could maybe use a galleryHeight entry in your embedding code such as:

galleryHeight: /Android|BlackBerry|iPad|iPhone|iPod|Nexus|webOS/i.test(navigator.userAgent) ? '650' : '950',

(3) Load the gallery with dimensions for Large Screen Mode, check the Screen Mode being used (via the Juicebox-Pro API getScreenMode() method) and reload the gallery with appropriate dimensions if Small Screen Mode is being used. This method will allow you to maintain a gallery width of 100% (unlike #1 above) and your choice of heights will always match up with the Screen Mode being used (unlike #2 above) but it would be the most complicated of the 3 suggestions to implement and you'd probably want to hide things using CSS until the gallery has been loaded with the correct dimensions (and you'd also need a tracking variable to ensure that the reloading of the gallery does not happen repeatedly).
To see this in action, create a test gallery with JuiceboxBuilder-Pro and use the following code as the gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            #juicebox-container {
                display: none;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var counter = 0;
            var galleryWidthLargeScreenMode = '100%';
            var galleryWidthSmallScreenMode = '100%';
            var galleryHeightLargeScreenMode = '950';
            var galleryHeightSmallScreenMode = '650';
            var jb;
            function loadGallery(width, height) {
                jb = new juicebox({
                    containerId: "juicebox-container",
                    galleryWidth: width,
                    galleryHeight: height,
                    screenMode: "AUTO"
                });
                counter++;
            }
            loadGallery(galleryWidthLargeScreenMode, galleryHeightLargeScreenMode);
            jb.onInitComplete = function() {
                var screenMode = jb.getScreenMode();
                if (counter === 1 && screenMode === 'SMALL') {
                    loadGallery(galleryWidthSmallScreenMode, galleryHeightSmallScreenMode);
                }
                if ((counter === 1 && screenMode === 'LARGE') || (counter === 2 && screenMode === 'SMALL')) {
                    $('#juicebox-container').show();
                }
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

#2 would certainly be the easiest to implement but you might like to try incorporating the code from #3 into your web page.

I hope this helps.

The gallery's dimensions are determined by the galleryWidth and galleryHeight options (set in the embedding code) and the gallery's size remains constant (unless percentage dimensions are used and the size of the browser window changes). No controls within the gallery will affect the gallery's size.

When you choose to show thumbnails, then space needs to be made available for them so the size of the main image decreases.
When you chose to hide the thumbnails, then extra space within the gallery becomes available and the size of the main image increases to take advantage of this (to display the main image as large as possible within the gallery).

It is not possible to not change the size of the main image when the thumbnails are toggled on or off (you'd have a blank space where the thumbnails would be when they are not shown).

You could, however, choose to always use the Small Screen Mode version of the gallery, where thumbnails and main images are displayed on separate pages (rather that sharing the gallery space together on the same page), by setting screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

If you choose to continue to use screenMode="AUTO", then you can disable the thumbnails completely when the gallery is displayed in Large Screen Mode by setting showThumbsOnLoad="FALSE" ('Customize -> Thumbnails') and showThumbsButton="FALSE" ('Customize -> Lite'). Alternatively, you can always have the thumbnails displayed (and prevent them from being hidden) by setting showThumbsOnLoad="TRUE" and showThumbsButton="FALSE".

If you really want to have the size of your gallery change when the thumbnails are toggled on or off, then you could try something like the following which takes advantage of several Juicebox-Pro API methods.
Create a sample gallery in JuiceboxBuilder-Pro and use the following code as the gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var galleryWidthHideThumbnails = 600;
            var galleryWidthShowThumbnails = 600;
            var galleryHeightHideThumbnails = 400;
            var galleryHeightShowThumbnails = 505;
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: galleryHeightShowThumbnails,
                galleryWidth: galleryWidthShowThumbnails,
                showThumbsButton: "TRUE",
                showThumbsOnLoad: "TRUE"
            });
            jb.onInitComplete = function() {
                if (jb.getScreenMode() === "LARGE") {
                    jb.onShowThumbs = function(showing) {
                        window.setTimeout(function() {
                            var width = showing ? galleryWidthShowThumbnails : galleryWidthHideThumbnails;
                            var height = showing ? galleryHeightShowThumbnails : galleryHeightHideThumbnails;
                            jb.setGallerySize(width, height);
                        }, 500);
                    }
                }
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

You can change the gallery dimensions as you like.

Please note that this is not an ideal solution. Juicebox was not designed with this in mind and a short delay is required to ensure that the gallery is not resized until after the thumbnails are toggled on or off. This ensures that the thumbnails are not temporarily displayed on top of the main image (which looks untidy) but has the side effect that the main image is temporarily resized when the thumbnails are shown (slightly less untidy).

As this is not something that Juicebox was designed to do, I would recommend using the available configuration options to reach a compromise although you are certainly free to use and modify the code I provided if you like (although please be aware that trying to do something that Juicebox was not designed to do can often be fraught with difficulties and unforeseen problems might need to be tackled along the way).

I hope these notes help.

Editing a gallery using JuiceboxBuilder-Pro relies on there being a local copy of the gallery available.
JuiceboxBuilder-Pro cannot edit a gallery online.

If you want to edit a single gallery using two different computers, then, each time you edit the gallery on one computer, I'd recommend storing the entire gallery somewhere so that it can be accessed by the other computer. Perhaps copy the gallery folder to a USB flash drive or zip the complete gallery folder and upload it somewhere so that you can easily download it and work on it from your second computer.

I don't know how important it is for you to manage a gallery from different locations but you might be interested in another one of our products: Showkase.

Showkase is a PHP web application (installed on your web server) which allows you to create a complete portfolio web site (integrating multiple galleries) online. However, you can use Showkase in its Gallery Manager theme to create and edit galleries (which you can embed into any web pages throughout your website) online through a web browser interface. You'd be able to log into your Showkase site from any computer and edit your gallery directly online (without the need to upload any modified gallery files via FTP). You can also import existing galleries (created with JuiceboxBuilder-Pro) into your Showkase site so that you can then manage them from within the application's interface.

Please feel free to take a look around the Showkase interface by logging into the Live Demo Admin.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro). The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.
As you already have Juicebox-Pro, you could purchase Showkase-Standard and integrate your Juicebox-Pro files following the Installing a Pro Viewer instructions.

Unfortunately, I don't have an iPad on which to test but your gallery's Splash Page (in your embedding web page) and the gallery itself both look OK on my iPod Touch. The Splash Page resizes correctly when changing orientation and, when the gallery has been expanded from the Splash Page, the images are displayed as large as possible within the gallery's image area (no matter what orientation the device is in).

Here are a couple of things I notice which might point you in the right direction.

(1) Your embedding page does not seem to be responsive in desktop browsers.
If the browser window is made more narrow, then the content on your web page does not adapt to the new width. The content is simply truncated (beyond the right-hand side of the browser window). This might be contributing to your problem in browser viewports of a certain width. Rotating your iPad might have a similar effect to changing the width of a desktop browser window (where your embedding page no longer fits the browser viewport).

(2) You have given your gallery dimensions of 100% x 100%. This might be perfectly OK but please check your gallery's parent container to see what dimensions have been assigned to it via CSS. A gallery height of 100% means that the gallery's actual height will be 100% of the height of its parent container. If the gallery's parent container has not been assigned a height via CSS, then Juicebox may not be able to determine what the gallery's actual height should be 100% of and this might cause your gallery to be displayed at unexpected dimensions.
Try giving your gallery a fixed pixel height (and try a few different values) instead of a percentage (at least for testing purposes). A gallery with a greater height will have a larger image area and this may allow the image to be displayed larger (depending on aspect ratios) with less space to the left and right.
Also, as your embedding page seems to be based on a fixed width, you might like to try giving your gallery a fixed width, too (to match that of your page).

If you continue to experience difficulties, please let me know the following:
(1) Does the problem happen only within the embedding page or also when the gallery has been expanded?
(2) What version of iPad do you have?
(3) What version of iOS do you run on your iPad?
(4) What browser (or browsers) do you see the problem in (Mobile Chrome, Mobile Firefox, Mobile Safari)?

Also, if possible, please provide screenshots so that I can see what you are seeing (as I do not have an iPad and cannot see your problem). You can attach images to a forum post if you like or upload them elsewhere and provide links.

Hopefully, once I'm able to see the problem (at least in screenshots), I should have a better idea of what might be causing it and might be able to propose a solution.
Thank you.

There is no way to move the caption area in Small Screen Mode: captionPosition is active in Large Screen Mode only.
In Small Screen Mode, the captionPosition is always set to OVERLAY, although the overlay can be toggled on and off by tapping the screen (or the Info Button if it is used). This gives the images as much room to be displayed as possible on small screen devices.
You could perhaps make your caption text stand out a little more by setting captionBackColor and/or captionBackTopColor (to give your caption area a more prominent background color instead of it being transparent) or by changing your textColor.

In Large Screen Mode, when you set captionPosition="BELOW_IMAGE", Juicebox uses the maxCaptionHeight value as an absolute value (rather than a maximum value) and this amount of space is always reserved for the caption area (no matter how much text there is to be displayed).
With the Showkase header and the reserved caption area below the images in the gallery, the images are probably being displayed as large as they can within the remaining space available.
By default, Showkase displays a gallery page such that the header and gallery are visible in their entirety (with the bottom of the gallery at the bottom of the browser window) so that users do not need to scroll to see any of the gallery.
The easiest way to increase the space available for the images would be to either reduce the maxCaptionHeight value (if possible) or set captionPosition to OVERLAY or OVERLAY_IMAGE.

If anyone else is reading this thread and experiencing a similar issue, please make sure that you are using the latest version of WP-Juicebox (v1.5.0.1) which can be downloaded from the plugin's support page here.

It looks like the problem was due to bug in WP-Juicebox v1.5.0 regarding the use of a custom permalink structure.
This problem was fixed in WP-Juicebox v1.5.0.1 (see the Version History page for a list of changes between versions) and upgrading WP-Juicebox to v1.5.0.1 should solve the problem.

@safeboat

Right-clicking is disabled within a Juicebox gallery but, in addition to showOpenButton (as noted above), there is now a direct download button (introduced in v1.5.0 - see the Version History page for a full list of changes).

Set showDownloadButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section) and the Download Button will be displayed on the gallery's Button Bar. Clicking this button will automatically initiate a download of the current image (without the need to open the image in a new page first).

You can check out the Download Button in this demo gallery (2nd icon from the left on the Button Bar).

By default, the Download Button will download the imageURL.
However, if you use a Multi-Size Image gallery and use large images, then the Download Button will download the largeImageURL
If you assign a linkURL to an image (to point towards a custom file), then the Download Button will download the linkURL instead.