contacts

(+359) 88 339 4445

Buy All 40 Premium WordPress Themes for $54.99

Display Header Social Icons and Logo during Scroll

By default when scroll window on our themes with fixed header, the header social icons and logo become hidden. In case you want to display them during scroll, it will require a small code change. Here are all of the necessary steps:

  1. Login to your Admin Panel
  2. Navigate to Left Menu -> Appearance -> Editor
  3. Open js/utilities.js file
  4. On line 497 find the following code:
    jQuery(window).scroll(function () {
    if (jQuery(this).scrollTop() > 100) {
    jQuery(‘.scrollup’).fadeIn();
    jQuery(‘#header-top’).hide();
    jQuery(‘#header-logo’).hide();
    } else {
    jQuery(‘.scrollup’).fadeOut();
    jQuery(‘#header-top’).show(‘slow’);
    jQuery(‘#header-logo’).show(‘slow’);
    }
    });and replace it with:

    jQuery(window).scroll(function () {
    if (jQuery(this).scrollTop() > 100) {
    jQuery(‘.scrollup’).fadeIn();
    // jQuery(‘#header-top’).hide();
    // jQuery(‘#header-logo’).hide();
    } else {
    jQuery(‘.scrollup’).fadeOut();
    // jQuery(‘#header-top’).show(‘slow’);
    // jQuery(‘#header-logo’).show(‘slow’);
    }
    });

  5. Save changes

Leave a Reply