Hello,
I will guide you to solve this problem, please do follow step by step below :
1, Open file designesia.js (path: archi/js/designesia.js) :
Find line code “filtering gallery” and change by:
// modify Isotope's absolute position method
$.Isotope.prototype._positionAbs = function( x, y ) {
return { right: x, top: y };
};
// --------------------------------------------------
// filtering gallery
// --------------------------------------------------
var $container = jQuery('#testimonial-masonry');
$container.isotope({
itemSelector: '.item',
});
var $container = jQuery('#services-masonry');
$container.isotope({
itemSelector: '.item',
});
jQuery('.archi-image-gallery').isotope({
itemSelector: '.item',
});
var $container = jQuery('#gallery');
$container.isotope({
transformsEnabled: false,
itemSelector: '.item',
filter: '*'
});
jQuery('#filters a').on("click", function() {
var $this = jQuery(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents();
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var selector = jQuery(this).attr('data-filter');
$container.isotope({
filter: selector
});
return false;
});
2, Open file rtl.css (path: archi/rtl.css) :
Add this code below:
/**
* 6.0 - Portfolio
*/
.isotope .isotope-item {
-webkit-transition-property: right, top, -webkit-transform, opacity;
-moz-transition-property: right, top, -moz-transform, opacity;
-ms-transition-property: right, top, -ms-transform, opacity;
-o-transition-property: right, top, -o-transform, opacity;
transition-property: right, top, transform, opacity;
}
#gallery{margin-right: -1px;}
3, Open file functions.php (path: archi/functions.php) :
Find line code :
wp_enqueue_script("isotope", get_template_directory_uri()."/js/jquery.isotope.min.js",array(),false,true);
Replace by this code below:
wp_enqueue_script("archi-isotope", get_template_directory_uri()."/js/jquery.isotope.min.js",array(),false,true);
Thank you.