OK, please do!

You can rename (or relocate) a gallery's XML file and point towards it using the configUrl option in the embedding code.

For example, you could have 2 galleries. The 1st gallery's XML file could be named 'config1.xml' and the 2nd gallery's XML file could be named 'config2.xml'.
The embedding code for the galleries might look something like this:

<script src="jbcore/juicebox.js"></script>

<script>
    new juicebox({
        containerId: "juicebox-container-1",
        configUrl: "config1.xml",
        galleryWidth: "800",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container-1"></div>

<script>
    new juicebox({
        containerId: "juicebox-container-2",
        configUrl: "config2.xml",
        galleryWidth: "800",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container-2"></div>

Please note that when embedding multiple galleries into a single HTML page, you should load the 'juicebox.js' file only once per page (rather than once per gallery).
Also, be sure to embed each gallery into a unique container (a <div> with a unique 'id').

Please see the Embedding Multiple Galleries support section for online examples.

Alternatively, instead of saving all your gallery XML files in the same directory, you could keep all your galleries separate in their individual folders, upload the complete folders (not just the contents) to your web server and embed the galleries using the baseUrl method as documented here.

Short descriptions for the configUrl and baseUrl configuration options can be found here.

The 2 most likely causes are:

(1) A conflicting plugin.
(2) Custom CSS code on your web page (from either your theme or another plugin) which the gallery is inheriting and which is interfering with the gallery display.

First of all, try disabling all plugins (other than WP-Juicebox) and re-enable them one by one (checking your gallery's display after each one) to see if you can find a plugin which is causing your problem.

Also, try temporarily reverting to a default WordPress theme (such as Twenty Sixteen) to see if this solves the problem.

You could also use your browser's developer tools (usually accessed via the F12 key) to see if you can figure out why there is a black box where the gallery should be.

I hope these notes help.
However, if you continue to experience difficulties, then please post the URL to your gallery's web page so that I can see the problem for myself and hopefully help further. Thank you.

I'm glad to hear that a reboot seems to have solved your problem.
Just to clarify, there is nothing that you have to do before going to the Customize tab (or skipping it and going straight to Publish).
Hopefully you'll not encounter this strange problem again.

Unfortunately, I am not familiar with Adobe Flash HTML5 Canvas documents but it might help to think of a Juicebox gallery as a complete self-contained web site. A Juicebox gallery is essentially a web page ('index.html') with many resource files (CSS, JavaScript, images, fonts, etc.).
If you can load a web page (or a small self-contained web site) into an Adobe Flash HTML5 Canvas document, then you should hopefully be able to load a Juicebox gallery (via the gallery's 'index.html' page).
This would be more like loading a gallery's 'index.html' page into an iframe than actually embedding the gallery into an existing web page by following the regular embedding instructions here. (The gallery is actually embedded into the 'index.html' page with the required embedding code. There is just nothing else on the page.)
I'm not sure if this will help (or if what you are trying to do is even possible) but it might at least point you in the right direction.

Setting the security level to 'High' in Internet Explorer disables JavaScript ('Security Settings -> Scripting -> Active scripting').
Juicebox requires on JavaScript to work. This is mentioned in the banner at the top of our home page.

Disabling JavaScript will prevent the gallery from being displayed. There is no way around this.

The only alternative would be to include SEO content code (generated by JuiceboxBuilder-Pro) in your web page. Please see the Search Engine Optimization (SEO) support section for details.

Try viewing this demo gallery (which includes SEO content code) as an example. If JavaScript is enabled, then the gallery will be displayed. If JavaScript is disabled, then the gallery images will be displayed in a vertical list along with the image titles and captions.
http://www.juicebox.net/demos/pro/sharing/

If you are referring to the Splash Page image (the image that you tap to expand the gallery in Small Screen Mode), then, by default, Juicebox uses the first image image the gallery and center-crops it to fit the gallery area. The first image in the gallery itself (after the Splash Page is tapped) is not cropped. It is displayed in its entirety with its aspect ratio respected.

You could set a specific image for the Splash Page (perhaps more appropriate to the aspect ratio of your gallery) via the splashPageUrl ('Customize -> Splash Page') configuration option.

Otherwise, you could choose to not use the Splash Page by setting showSplashPage="NEVER", in which case, visitors to your web site will initially be presented with the thumbnail page. If you wanted to, you could then set showSmallThumbsOnLoad="FALSE" ('Customize -> Thumbnails') to initially display the first image in the gallery instead of the thumbnail page.

For reference, a list of Splash Page configuration options can be found here.

Many thanks for the screenshots.

Out of interest, could you please check to see if the same problem occurs with either of the following full page demo galleries. (That way, we can use one of our own galleries as a test case without relying on your own URLs.) Thank you.
http://www.juicebox.net/demos/lite/full/
http://www.juicebox.net/demos/pro/full/

No. This would not be possible.
Every image in the gallery has a corresponding thumbnail. This is core functionality and it is handled by the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified.
Even if you tried to hide the first thumbnail with CSS, Juicebox would not know of your custom modification and this would cause problems with the gallery layout.

There is no way to set different icons for the Button Bar for Small and Large Screen Modes.

However, as long as you do not set showInfoButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section), then the entire overlay (including the Button Bar and all its icons) can be toggled on and off in Small Screen Mode by tapping the screen.

If you set showInfoButton="TRUE", then the Button Bar (including the Info Button) will always be present and tapping the Info Button will toggle the remainder of overlay elements on and off.

An alternative might be to use the Juicebox-Pro API getScreenMode() method to detect whether Small or Large Screen Mode is being used and then reload the gallery (if required) with the social media icons hidden in Small Screen Mode.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the code below.

<!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 jb;
            function loadGallery(value) {
                jb = new juicebox({
                    containerId: "juicebox-container",
                    screenMode: "AUTO",
                    shareFacebook: value,
                    shareGPlus: value,
                    sharePinterest: value,
                    shareTumblr: value,
                    shareTwitter: value
                });
                counter++;
            }
            loadGallery(true);
            jb.onInitComplete = function() {
                var screenMode = jb.getScreenMode();
                if (counter === 1 && screenMode === 'SMALL') {
                    loadGallery(false);
                }
                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>

It may take a little longer to load than usual as it's actually loading the gallery twice if Small Screen Mode is being used (once to determine the screen mode being used and the second time with the correct 'share' configuration options).
The gallery is hidden from view until after the final load (so the user does not see the gallery load twice).

Maybe not ideal but perhaps the best solution for something that Juicebox was not designed to do.

Also, if you like, please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

I notice when you hover over the link on your main page, the browser's status bar displays the 'node/73' URL but clicking the link does not actually take you to that page. The browser remains on the 'team-vertical' page and seems to dynamically load fresh content (but not the Juicebox gallery). After clicking the link, there is no sign of any Juicebox embedding code on the page.

Unfortunately, I am not familiar with your Drupal theme and do not know where content should be placed in order for it to be displayed when you click the links on your main page.

As you are aware, the problem seems to be directly related to your Drupal theme rather than Juicebox.
If you replaced the Juicebox gallery with any other content, then the same thing would likely happen when you click the link on your main page: the extra content would not show up unless you went directly to the 'node/xyz' page.

There's no problem with posting your query here (hopefully some other Drupal users will read this and be able to help you out further) but you might have better luck in the Drupal forum. Maybe someone familiar with the theme will be able to offer some help.

Just for the record, there is a dedicated Juicebox module for Drupal which can be found here.
I don't know if it will be of any use to you but I thought I should mention it in case you are somehow able to integrate it into your web site.

Unfortunately, I do not have access to an iPad Pro but I have viewed your galleries on an iPhone running iOS 9.2.1 and do not see any cropping of your images in portrait or landscape orientations (in Mobile Chrome, Mobile Firefox and Mobile Safari).

As your galleries are full page galleries (with no other content on the pages), there is certainly no conflicting CSS.
It sounds like the problem may be directly related to certain mobile browser/device combinations and is not something that can be fixed with any of the available configuration options.

Perhaps the best course of action would be for you to provide a screenshot demonstrating the problem and I will pass it on to the developers who will investigate further. Please upload a screenshot somewhere (either your own web server or a file sharing service such as Dropbox) and post a link to it in this forum thread.

Also, does the problem happen when the gallery is initially loaded in landscape orientation or just when the device is rotated into landscape orientation?

Thank you.