Special Offer: Buy All 48 Premium WordPress Themes for Just $74.99. Learn more

tMeditate: Display Header Social Icons and Logo in Scroll

tMeditate Theme: Fixed Header

By default when scroll window on tMeditate theme, 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