contacts

(+359) 88 339 4445

Buy All 39 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

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of tishonator.com, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply