To disable the above animation follow the below steps. Gallery rendering in SXA uses the Galleria js library. Galleria component is initialized in the /sitecore/media library/Base Themes/Components Theme/Scripts/component-galleria script. You can edit this script to disable the full screen view on mobile devices:

api.initInstance = function(component, prop) { var id = component.find(".gallery-inner").attr("id"); prop.fullscreenDoubleTap = false; Galleria.loadTheme(prop.theme); Galleria.run("#" + id, prop); };

Hope it helps!!

To disable the above animation follow the below steps. Gallery rendering in SXA uses the Galleria JS library. Galleria component is initialized in the /sitecore/media library/Base Themes/Components Theme/Scripts/component-galleria script. You can edit this script to disable the full screen view on mobile devices:

api.initInstance = function(component, prop) {
  var id = component.find(".gallery-inner").attr("id");
  prop.fullscreenDoubleTap = false;
  Galleria.loadTheme(prop.theme);
  Galleria.run("#" + id, prop);
};

Hope it helps!!