iPad not working with basic slideshow

I am using Basic Slideshow ([ngg src=”galleries” ids=”22″ display=”basic_slideshow”]) within my own theme on a do_shortcut. It works great on windows 10 (any browser), but on an iPad it will not show the slideshow until I refresh the screen (it just shows the forwards and backwards arrows). Once I have done this for each of the Activities pages, it works beautifully. https://staging.lowtheradventure.org.uk/scouting/#scouts-activities

                <article>
                      <?php $lowther_carousel = get_post_meta($post_id = get_the_ID(), 'lowther-carousel', true); ?>

                       <div class="lowther-carousel">
                             <?php echo do_shortcode($lowther_carousel);?>
                  
                      </div>

				    <h1><?php the_title(); ?></h1>
				    
				    <?php if ( $post->post_parent == 1505 && $post->ID != 1503 ) { ?>
				    <blockquote class="section-quote right">
					    <?php the_post_thumbnail(); ?>
					    <p><?php echo get_post_meta($post->ID, 'quote', true); ?></p>
				    </blockquote>
				    <?php } ?>
				    
				    <?php the_content(); ?>
				   
 				    
				</article>

I have tried fiddling with my code to remove the do_shortcode and using nggShowSlideshow, but whilst the slideshow loads on the very first page, it then reverts back to not loading on the other pages until each is refreshed. You can see this on the ‘Our Facilities’ (https://staging.lowtheradventure.org.uk/corporate/#corporate-rooms) – click on each in turn on an ipad to see the issue. The code I used for this is

               <article>
                      <?php $lowther_gallery_id = get_post_meta($post_id = get_the_ID(), 'lowther-gallery-id', true); ?>

                       <div class="lowther-carousel">
                              <?php $lowther_slideshow_width = get_variable("SlideShow Width");
							        $lowther_slideshow_height = get_variable("SlideShow Height");
                                    echo nggShowSlideshow( $lowther_gallery_id, $lowther_slideshow_width,$lowther_slideshow_height );; ?>
                  
                      </div>

				    <h1><?php the_title(); ?></h1>
			
				    <?php if ( $post->post_parent == 1505 && $post->ID != 1503 ) { ?>
				    <blockquote class="section-quote right">
					    <?php the_post_thumbnail(); ?>
					    <p><?php echo get_post_meta($post->ID, 'quote', true); ?></p>
				    </blockquote>
				    <?php } ?>
				    
				    <?php the_content(); ?>
 
				    
				</article>

Thank you.

• This topic was modified 3 years, 5 months ago by henny440.

The page I need help with: [log in to see the link]