Title: Shrink Issue
Last modified: October 17, 2018

---

# Shrink Issue

 *  Resolved [connor234](https://wordpress.org/support/users/connor234/)
 * (@connor234)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/shrink-issue/)
 * Hi there,
 * I’ve just set up a Header with a shrink effect and would like to define exactly
   the point in which the shrink takes place, is there any ways of doing this? [See Image](http://prntscr.com/l71tn1)
 * Cheers

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/shrink-issue/#post-10798240)
 * Hey [@connor234](https://wordpress.org/support/users/connor234/),
 * We have no setting for that, but it may be possible with some custom code. Can
   you try adding the JS below under **Tools > Layout CSS/JS > JS** on the header
   themer layout itself and see if it works for you? Just adjust the offset value
   accordingly. 🙂
 *     ```
       (function($){
   
           $(function(){
               var win = $( window ),
                   shrinkHeader = $('header[data-shrink]'),
                   shrinkOffset = 500;
   
               if ( shrinkHeader.length ) {
                   shrinkHeader.imagesLoaded( function() {
                       win.on( 'scroll.fl-theme-builder-header-shrink', function() {
                           if ( ! shrinkHeader.hasClass( 'fl-theme-builder-header-shrink' ) ) {
                               shrinkHeader.data( 'original-height', shrinkHeader.outerHeight() + shrinkOffset );
                           }
                       } ); 
                   });
               }
           });
   
       })(jQuery);
       ```
   
 * Ben
 *  Thread Starter [connor234](https://wordpress.org/support/users/connor234/)
 * (@connor234)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/shrink-issue/#post-10802763)
 * Hi Ben,
 * Thanks a lot for getting back so soon. This JS does work in terms of making the
   shrink start later on, is there any way to make the shrink start quicker. I had
   tried using negatives in the shrinkOffset value, but I don’t think that works.
 * Cheers
 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/shrink-issue/#post-10805717)
 * Hey [@connor234](https://wordpress.org/support/users/connor234/),
 * The script below should do it! You can play around with the **original-height**
   data. 🙂
 *     ```
       (function($){
   
           $(function(){
               var win = $( window ),
                   shrinkHeader = $('header[data-shrink]');
   
               if ( shrinkHeader.length ) {
                   shrinkHeader.imagesLoaded( function() {
                       win.on( 'scroll.fl-theme-builder-header-shrink', function() {
                           if ( ! shrinkHeader.hasClass( 'fl-theme-builder-header-shrink' ) ) {
                               shrinkHeader.data( 'original-height', 0 );
                           }
                       } ); 
                   });
               }
           });
   
       })(jQuery);
       ```
   
 * Ben
 *  Thread Starter [connor234](https://wordpress.org/support/users/connor234/)
 * (@connor234)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/shrink-issue/#post-10806200)
 * Hi Ben,
 * Thanks a lot for that, it did the trick.
 *  Plugin Contributor [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * (@hinampaksh)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/shrink-issue/#post-10806738)
 * Awesome! And no worries at all, [@connor234](https://wordpress.org/support/users/connor234/).
   🙂
 * Enjoy BB!
 * Ben

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Shrink Issue’ is closed to new replies.

 * ![](https://ps.w.org/beaver-builder-lite-version/assets/icon-256x256.png?rev=
   2361183)
 * [Beaver Builder Page Builder - Drag and Drop Website Builder](https://wordpress.org/plugins/beaver-builder-lite-version/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/beaver-builder-lite-version/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/beaver-builder-lite-version/)
 * [Active Topics](https://wordpress.org/support/plugin/beaver-builder-lite-version/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/beaver-builder-lite-version/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/beaver-builder-lite-version/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Ben Carlo](https://wordpress.org/support/users/hinampaksh/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/shrink-issue/#post-10806738)
 * Status: resolved