Cracked it, it was the apostrophe in  Forfarian's  removed and loads ok, strange as other descriptions include "' ' "

Hi Steven, Seem to be nearly there now, just want to remove photo title/alt ? from showing. Also how do I make splashpage fit better on screen, Tried smaller image for splash but just stretches.

http://www.seisc.arunset.com/

Thanks Steven works a treat.

Is the mobile phone running Windows 8.1 with the mobile version of Internet Explorer 11, if so there do seem to be some issues with hanging etc.

HI Steven,

Finally cracked it, the Reading View icon code has worked. I have now applied the embedded version gallery and it works fine on Windows Phone.

<meta name="IE_RM_OFF" content="true">

Sorry my windows phone uses explorer 11 not safari. Getting confused with iPad/phone

Validated the code on web page with W3C Markup Validation Service and fixed errors still no change when using Safari on ipad have sent you screen shot from ipad separately.

Tried below no difference:

<iframe src="gallery/welcome/index.html" width="100%" height="275" frameborder="0" scrolling="no"></iframe>
... to:
<iframe src="gallery/welcome/index.html" style="width: 100%;" height="275" frameborder="0" scrolling="no"></iframe>

I use a template from http://www.justdreamweaver.com/dreamwea … lates.html called metamorphic the light version can be down loaded free of charge so thought I would just add an embeded version of my gallery into new version of template test.arunset.com this works fine on explorer, chrome & safari & Chrome on ipad but same issue on windows phone where you can not scroll down to gallery.

Hi Steven,

My phone is a Nokia 635 running Windows 8.1 and Internet Explorer the gallery you asked me to check loads up but I just get 2 static images in middle of page not scrolling demo as on laptop with Windows 8.1 and Internet Explorer. I should point out that I do use embedded juice galleries in www.midlandenglishsettersociety.co.uk with no issues on mobile. Wonder if the problem is due to multiple grid containers, the template uses the 960 grid system. On the www.midlandenglishsettersociety.co.uk the gallery is embedded straight into the standard width <div class="grid_12"> but is nested on the new gbs site

<div class="grid_12"> </div>
    <div class="grid_6 welcome">
      <div align="center">
        <h6>&nbsp;</h6>
      </div>
      <!--START JUICEBOX EMBED-->
<script src="/gallery/welcome/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl: '/gallery/welcome/',
    containerId : 'juicebox-container',
    galleryWidth : '100%',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
           
        <h6>&nbsp;</h6>
    </div>
    <div class="grid_5 news">
      <h5 align="center"><strong>Gundog Breeds Association of Scotland</strong></h5>

I use a modified template from http://www.justdreamweaver.com/dreamwea … lates.html which includes mobile support using CSS3 @media code loaded as below.

<script type="text/javascript" src="js/customscripts.js"></script>

jQuery(document).ready(function($) {
    $("ul.sf-menu").supersubs({
        minWidth: 12, // minimum width of sub-menus in em units
        maxWidth: 27, // maximum width of sub-menus in em units
        extraWidth: 1 // extra width can ensure lines don't sometimes turn over
        // due to slight rounding differences and font-family
    }).superfish().supposition(); // supposition function added to reposition fly-out items when extending beyond browser window

    $("#accordion").accordion({
        autoHeight: false,
        collapsible: true,
        icons: {
            'header': 'ui-icon-plus',
            'headerSelected': 'ui-icon-minus'
        }
    });

    $(function () {
        $("#tabs").tabs();
    });

    // Create the dropdown base for mobile navigation
    $("<div id='mobilenav'><select/></div>").appendTo("#nav");

    // Create default option "Go to..."
    $("<option />", {
        "selected": "selected",
        "value": "",
        "text": "Go to..."
    }).appendTo("#nav select");

    // Populate dropdown with menu items
    $("#nav a").each(function () {
        var el2 = $(this);
        var spancode = el2.html();
        var el = spancode.split('<')[0];
        if ($(this).hasClass("homelink")) {
            $("<option />", {
                "value": "index.html",
                "text": "Home"
            }).appendTo("#nav select");
        }
       
        if (el2.attr("href") != "#" && el != "") {
            $("<option />", {
                "value": el2.attr("href"),
                "text": el
            }).appendTo("#nav select");
        }
    });

    $("#nav select").change(function () {
        window.location = $(this).find("option:selected").val();
    });

});

Hi Steven,

Your embedding gallery directly on page seems the best option however I have another news section on the same page and struggle to page down and see this,  think it is due to automation of photo gallery?