Canvas Support

Ajax lightbox on mobile

1 reply · opened Jun 29, 2018

Nnyc17Jun 29, 2018

Hi

I experienced the following problem when trying to scroll on mobile. When I clicked on Ajax, the content loaded, but does not allow me to touch and scroll down to view the content.

http://themes.semicolonweb.com/html/canvas/lightbox.html

Please advise. Thanks. Viewing via Android, chrome browser.

SSemicolon WebSTAFFJul 3, 2018

Hello,

Please find the following code in the js/functions.js File: 

if( $lightboxAjaxEl.length > 0 ) {
	$lightboxAjaxEl.magnificPopup({
		type: 'ajax',
		closeBtnInside: false,
		callbacks: {
			ajaxContentAdded: function(mfpResponse) {
				SEMICOLON.widget.loadFlexSlider();
				SEMICOLON.initialize.resizeVideos();
				SEMICOLON.widget.masonryThumbs();
			},
			open: function() {
				$body.addClass('ohidden');
			},
			close: function() {
				$body.removeClass('ohidden');
			}
		}
	});
}

and replace it with:

if( $lightboxAjaxEl.length > 0 ) {
	$lightboxAjaxEl.magnificPopup({
		type: 'ajax',
		closeBtnInside: false,
		callbacks: {
			ajaxContentAdded: function(mfpResponse) {
				SEMICOLON.widget.loadFlexSlider();
				SEMICOLON.initialize.resizeVideos();
				SEMICOLON.widget.masonryThumbs();
			}
		}
	});
}

This should definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard