Some of the Premium Themes we offer comes with fixed header while you scroll the screen. Also, the opacity of the header is being changed during scroll.

Here are all of the necessary steps that you need to perform if you want to disable the header opacity change during scroll:

1. Navigate to Admin Panel -> Left Menu -> Appearance -> Editor
2. Open your_theme/js/utilities.js
3. Find and DELETE the following code:
   var opacity = 1;
   var lastScrollTop = 0;
   jQuery(window).scroll(function(){
   var st = jQuery(this).scrollTop();
   if(st == 0)
   jQuery(‘#header-main-fixed’).css(‘opacity’,’1′);if (opacity > 0.5 && (st > lastScrollTop)){
   jQuery(‘#header-main-fixed’).css(‘opacity’,’-=0.01′);
   opacity -= 0.01;
   }
   else if(opacity < 1)
   {
   jQuery(‘#header-main-fixed’).css(‘opacity’,’+=0.01′);
   opacity += 0.01;
   }
   lastScrollTop = st;
   });
4. Save Changes

Best-selling Products:

Newsletter Subscription