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:
- Navigate to Admin Panel -> Left Menu -> Appearance -> Editor
- Open your_theme/js/utilities.js
- 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;
}); - Save Changes
Â
Best-selling Products:
-
All Premium WordPress Themes$59.00
-
AyaClubPro – Responsive Club WordPress Theme$29.99
-
AyaPsychologyPro – Responsive Psychology WordPress Theme$24.99
-
AyaBooksPro – Responsive Books WordPress Theme$24.99
-
AyaHandmadePro – Responsive Handmade WordPress Theme$29.99
-
VeganPro – Responsive Vegan WordPress Theme$29.99
-
AyaMedicinePro – Responsive Medicine WordPress Theme$32.99
-
AyaHairSalonPro – Responsive Hair Salon WordPress Theme$31.99
-
AyaSpiritPro – Responsive Spiritual WordPress Theme$24.99
-
TourPro – Responsive Traveling WordPress Theme$24.99
-
AyaPortfolioPro – Responsive Portfolio WordPress Theme$24.99
-
LandshaftingPro – Responsive Landshafting WordPress Theme$29.99
-
AyaFreelancePro – Responsive Freelance WordPress Theme$24.99
-
AyaPhotographyPro – Responsive Photography WordPress Theme$24.99
-
Cover Book Mockup Design$4.00
Leave a Reply