Special Offer: Buy All 45 Premium WordPress Themes for Just $51. Learn more
No Comments

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:

Categories: WordPress Themes

Leave a Reply

Your email address will not be published. Required fields are marked *

This will close in 15 seconds