Mega Menu not displaying images in Mobile view

Hello,

Thanks for reporting this to us!

It appears to be a Bug. Please find following code in the js/functions.js File inside the Function Block:

if( $('#primary-menu').hasClass('on-click') || ( $body.hasClass('device-md') || $body.hasClass('device-sm') || $body.hasClass('device-xs') ) ) {
	$('#primary-menu:not(.on-click) > ul, #primary-menu:not(.on-click) > div > ul:not(.dropdown-menu)').superfish('destroy');
	$('#primary-menu li:has(ul) > a').on( 'click touchend', function(e){
		$(this).parents('.sub-menu').siblings().find('ul,.mega-menu-content').removeClass('d-block');
		$(this).parent('li').children('ul,.mega-menu-content').toggleClass('d-block');
		e.preventDefault();
	});
}

and replace it with:

if( $('#primary-menu').hasClass('on-click') || ( $body.hasClass('device-md') || $body.hasClass('device-sm') || $body.hasClass('device-xs') ) ) {
	$('#primary-menu:not(.on-click) > ul, #primary-menu:not(.on-click) > div > ul:not(.dropdown-menu)').superfish('destroy');
	$('#primary-menu li:has(ul) > a').on( 'click touchend', function(e){
		$(this).parents('.sub-menu').siblings().find('ul,.mega-menu-content').removeClass('d-block');
		$(this).parent('li').children('ul,.mega-menu-content').toggleClass('d-block');
		var megaMenuContent = $(this).parent('li').children('.mega-menu-content');
		setTimeout( function(){
			if( megaMenuContent.find('.owl-carousel.customjs').length > 0 ) {
				megaMenuContent.find('.owl-carousel').removeClass('customjs');
				SEMICOLON.widget.carousel();
			}
			if( megaMenuContent.find('.grid-container').length > 0 ) {
				megaMenuContent.find('.grid-container').isotope('layout');
			}
		}, 400);
		e.preventDefault();
	});
}

This should fix the issue. Hope this Helps!

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