search and login mobile phone

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

Profile photo of Saguaros 0.00 $tone July 24, 2014
Public

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.

#1

Please login or Register to Submit Answer

Written By

Comments