Hi, I have a problem with the theme.
On mobile version the login and the search not work correctly.
In the demo site of jm-siotis not work to.
how can I resolve this issue?
Thanks.
1 answer
Hi
Please try going to file: /skin/frontend/default/jm_siotis/js/jm.script.js and make change as below:
-- Line 181:
Code:
jQuery(".btn-toggle").live("click",function () {
if(jQuery("#jmoverlay").length <= 0 && jQuery(window).width() < 984){
jmoverlay = jQuery('<div id="jmoverlay" class="jmoverlay"></div>');
jmoverlay.appendTo('body#bd');
jmoverlay.bind("click",function(){
jQuery("#ja-mainnav-inner").css({"left":"0"});
jQuery(".has-toggle .btn-toggle").removeClass("active");
jQuery(".btn-toggle").siblings(".inner").removeClass("inneractive");
this.remove();
})
}
.........................................
}
});
replace with:
Code:
jQuery(".btn-toggle").on("click",function () {
if(jQuery("#jmoverlay").length <= 0 && jQuery(window).width() < 984){
jmoverlay = jQuery('<div id="jmoverlay" class="jmoverlay"></div>');
jmoverlay.appendTo('body#bd');
jmoverlay.bind("click",function(){
jQuery("#ja-mainnav-inner").css({"left":"0"});
jQuery(".has-toggle .btn-toggle").removeClass("active");
jQuery(".btn-toggle").siblings(".inner").removeClass("inneractive");
this.remove();
})
}
.........................................
}
});
-- Line 235:
Code:
jQuery("#ja-mainnav .btn-toggle").live("click",function(event){
event.stopPropagation();
wwidth = jQuery(window).width();
mainnavos = jQuery("#ja-mainnav-inner").offset();
totalwidth = mainnavos.left + jQuery("#ja-mainnav-inner").width();
if(totalwidth > wwidth){
left = wwidth-totalwidth-5;
jQuery("#ja-mainnav-inner").css({"left":left});
}
if(jQuery(this).attr("class").indexOf("active") < 0){
jQuery("#ja-mainnav-inner").css({"left":0});
}
if(wwidth > 985) {
if(window.childcontentIScrol)
return false;
}
updatemenuheight();
});
replace with:
Code:
jQuery("#ja-mainnav .btn-toggle").on("click",function(event){
event.stopPropagation();
wwidth = jQuery(window).width();
mainnavos = jQuery("#ja-mainnav-inner").offset();
totalwidth = mainnavos.left + jQuery("#ja-mainnav-inner").width();
if(totalwidth > wwidth){
left = wwidth-totalwidth-5;
jQuery("#ja-mainnav-inner").css({"left":left});
}
if(jQuery(this).attr("class").indexOf("active") < 0){
jQuery("#ja-mainnav-inner").css({"left":0});
}
if(wwidth > 985) {
if(window.childcontentIScrol)
return false;
}
updatemenuheight();
});
Then clean magento cache.
I attached this file so that you can easily make comparison.
