Try setting expandInNewPage="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
For more information on the expandInNewPage configuration option, please see here.

We plan to introduce the ability to set a separate color for the expanded page background (complete with its own transparency value) in the next version of Juicebox-Pro which should provide a solution to this issue.

Unfortunately, I do not have a Windows Phone on which to test.

Are you referring to the Media Library page in the admin section or the frontend pages?
If I know what page(s) fail to scroll, I will be able to know what scripts WP-Juicebox has loaded on the page(s) and I should have a better idea as to what might be causing the conflict.
If you are referring to the frontend pages, then please post the URL to your site so that I can take a look for myself.
Also, what happens if you deactivate MP6 but keep Media Grid activated?

Thank you for fixing the HTML errors on your page. At least we can eliminate them from the problem now.

On further investigation, the problem may not be due to global CSS.
If you load the gallery from the a menu page and the layout appears broken, try resizing the browser window and you should see the gallery redrawn and look OK.
The problem seems to be with how your theme seems to load everything on the page at once and then selectively display whatever is chosen by the user. When the Juicebox code is first run on the page, the container into which the gallery is embedded is not visible on the page at all (and Juicebox may not be able to determine what its dimensions should be until its parent container is displayed).
Try changing the gallery's width from 100% to a fixed pixel value (such as 800px) to see if this makes a difference.

Also, when the gallery's link is clicked, you could try forcing the gallery to be redrawn by using the setGallerySize() and showGallery() Juicebox-Pro API methods. (Please note that this requires Juicebox-Pro.)
However, this may be difficult to implement within a WordPress environment where the pages are created dynamically.
It would require more than just a modification of the WP-Juicebox files as the call to the API methods would have to be placed in the links to the galleries.
I hope this points you in the right direction.

If everything was working OK and now it is not, something must have changed to cause this problem.
Can you remember making any changes to your computer between it working and now not working?
Did you install any other software or updates which may be causing the problem?
Are you able to use System Restore to wind back your system to a time when the problem did not happen?

Do you mean that the 'New Gallery' and 'Open Gallery' buttons are ineffective or is there some other problem?

Try running JuiceboxBuilder-Pro with administrative rights (right-click the shortcut and select 'Run as administrator').
If this does not help, try the following.
Uninstall both JuiceboxBuilder-Pro and Adobe AIR and then manually delete the C:\Users\username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuidler-Pro folder (as before).
Now, reinstall both Adobe AIR and JuiceboxBuilder-Pro using the right-click 'Run as administrator' option (rather than just double-clicking the installation files).

If this does not help, create a new Administrator User Account and try installing and using JuiecboxBulder-Pro from this account/

Hopefully one of these suggestions will help.

It looks like your current WordPress theme may be using some global CSS rules which are breaking the layout of the gallery.
Also, when validating your homepage with the W3C Markup Validation service, 142 errors and 34 warnings are reported so it looks like your theme is not generating valid HTML code which may also be contributing to the problem.
Try upgrading your Nemesis theme to the current version (v1.5.2) to see if this helps.
Otherwise, try using a different theme to confirm whether or not the Nemesis theme is responsible for the HTML errors on your page.
Even if the HTML are fixed, the problem may still be due to global CSS. There is no way to sandbox elements on a web page and global CSS rules may break plugins (such as WP-Juicebox) which have no option but to inherit these rules.

I understand your request for a simple 'Mail' Button Bar button but, working with what is currently available, the following workaround may suit your needs better (though is a little more complex that my first suggestion).
It uses the 'Open Image' button (displayed on the Button Bar) so if you currently use this button for its intended purpose, you will not be able to implement the following.

• Set every image's linkURL to 'mailto:email@address.com'.

• Set every image's linkTarget to '_self'.

• Set showOpenButton="TRUE" in your gallery's XML file.

• Change the icon for the 'Open Image' button using the technique in the Using Custom Icons support section.

• Change the toolip text for the 'Open Image' button using the languageList configuration option (so as not to confuse users).

The imageShadowColor configuration option in your gallery's XML file is currently set to:

imageShadowColor="rgba(0,0,0,1
0
0)"

The 4th parameter of the rgba(r,g,b,a) value should be set to 0 for the color to be fully transparent so change it to the following:

imageShadowColor="rgba(0,0,0,0)"

For others reading this thread, you can remove the drop shadow on the main images by either setting imageShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) or by setting the opacity of the imageShadowColor to zero, e.g. imageShadowColor="rgba(0,0,0,0)" ('Customize -> Color').
The 4th parameter of the rgba(r,g,b,a) value is the opacity (the alpha channel).

There are two separate issues causing your problems, both of which look to be caused by global CSS on your web page that the Juicebox gallery is inheriting.
It looks like your web page uses the border-box model for all elements on the page (which affects the icons and thumbnail frames being offset) and sets a global font (which overrides the main image navigation buttons).

Try adding the following CSS to your gallery's 'jbcore/classic/theme.css' page which should solve the second issue (with the main image navigation buttons):

.jb-navigation .jbn-left-button, .jb-navigation .jbn-right-button {
    font-family: juicebox;
}

With regard to the first issue, try searching through the CSS on your web page for an entry such as:

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

If you find such an entry, change it to:

body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

... and then add the following CSS to your gallery's 'jbcore/classic/theme.css' page. This should fix the problem.

.juicebox-gallery a, .juicebox-gallery div, .juicebox-gallery h1, .juicebox-gallery h2, .juicebox-gallery h3, .juicebox-gallery h4, .juicebox-gallery p, .juicebox-gallery span, .juicebox-gallery u {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

Bug reports have been logged for both issues so the gallery elements affected should hopefully be better protected against global CSS in the next version of Juicebox.

If you plan to embed multiple galleries on a single page, you can do the following:
(1) Create your galleries and keep each one in its own folder.
(2) Upload the complete gallery folders (not just the contents) to your web server.
(3) Embed each gallery in your web page using the baseUrl method documented here.

Here are a few tips:

• It does not matter where on your web server you upload your gallery folders to as long as the two paths within the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.

• Each gallery must be embedded in a <div> with a unique 'id'.

• It is necessary to load the 'juicebox.js' file only once per page (not once per gallery).

For example, if you were to embed two galleries on a single page, the embedding code for the two galleries might look something like this.

<script src="http://www.example.com/gallery1/jbcore/juicebox.js"></script>

<script>
  new juicebox({
    baseUrl: 'http://www.example.com/gallery1/',
    containerId: 'juicebox-container1',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container1"></div>

<script>
  new juicebox({
    baseUrl: 'http://www.example.com/gallery2/',
    containerId: 'juicebox-container2',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container2"></div>

If you are embedding multiple galleries on different pages (i.e. only one gallery per page, then you can follow the standard embedding instructions here or the baseUrl method. Either will work equally well.
CSS (Cascading Style Sheets) is a method of styling web pages. It is not possible to embed a gallery 'in another CSS'. Do you perhaps mean a CMS (Content Management System) such as WordPress, Joomla or Drupal? If so, you can embed Juicebox galleries in any web page in the same way.

You can embed a Juicebox gallery in Drupal by either:
(1) Using the Juicebox module for Drupal. (Please note that we did not write the module ourselves and support for the module should be directed towards the Drupal forums where the author of the module should be able to help you out.)
... or:
(2) Following the manual embedding instructions here.

If you want to be able to open an image from within a gallery in a lightbox-style modal window, then this can be achieved by following the instructions in this forum post.

I expect it would be rather complex to try to incorporate such functionality into the Juicebox module and it would probably be easier to try to implement it manually.

First, create the gallery as required (with the necessary linkURLs and linkTargets in the gallery's 'config.xml' file).
Next, you would need to include all the necessary external JavaScript and CSS files (from the code in the forum post linked to above) into the <head> section of your page.
These two links should be able to help with this:
https://drupal.org/node/171209
https://drupal.org/node/304255

Then, the embedding code that you would need to add to your page would look something like this:

<script type="text/javascript">
    Shadowbox.init({
        skipSetup: true
    });
    var jb;
    $(document).ready(function () {
        jb = new juicebox({
            containerId: 'juicebox-container',
            galleryWidth: '100%',
            galleryHeight: '600'
        });
    });
    function func() {
        var index = jb.getImageIndex();
        var info = jb.getImageInfo(index);
        var url = info.imageURL;
        var title = info.title;
        Shadowbox.open({
            content: url,
            player: 'img',
            title: title
        });                
    }
</script>
<div id="juicebox-container"></div>

The gallery sizing issue in iOS 7 has now been fixed in Juicebox v1.3.3. Please see the Version History for a full list of changes and the Upgrading Juicebox page for details on how to get the latest version.

The gallery sizing issue in iOS 7 has now been fixed in Juicebox v1.3.3. Please see the Version History for a full list of changes and the Upgrading Juicebox page for details on how to get the latest version.