• Resolved Farrah D.

    (@farrah-d)


    Hello! I’m helping a friend with his website, and for some reason the pages “bounce” whenever they load (the nav bar lifts up to hide part of the header image, then goes back down once the page is fully loaded). Specifically, it happens most regularly with pages that have embedded YouTube players on them (and sometimes on the homepage which has an embedded Soundcloud player on it). I’ve posted a testpage showing the problem here:

    http://www.electriceelproductions.com/test

    Please help, and many thanks in advance!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author nobita

    (@nobita)

    Hi Farrah D.

    Please add child theme / style.css bottom

    #top #header-image{
    	height:354px;
    }

    Thank you.

    Thread Starter Farrah D.

    (@farrah-d)

    I put the code in, and now the site is bouncing almost every time I load a new page. I tried replacing 354px with 288px (closer to the actual height of the header image), and it still bounced. Please help!

    Theme Author nobita

    (@nobita)

    Sorry

    Please try next 1

    raindrops-helper.js

    ( function ( ) {
    
        jQuery( function ( ) {
            if ( raindrops_script_vars.page_width == 'doc3' ) {
                var raindrops_width = jQuery( 'div#header-image' ).width( );
                var raindrops_window_width = jQuery( window ).width();
                      jQuery( '#header-image' ).hide();       // Add this code   
    
                function raindrops_resizes( ) {
    
                    if ( raindrops_script_vars.restore_check !== 'remove-header' ) {
    
                        var image_exists = raindrops_script_vars.header_image_uri;
                        var raindrops_width = jQuery( 'div#header-image' ).width();
                        var raindrops_window_width = jQuery( window ).width();
                        var raindrops_ratio = raindrops_script_vars.ratio;
                        var raindrops_height = Math.round( raindrops_width * raindrops_ratio );
                        jQuery( '#header-image' ).removeAttr( 'style' ).css( { 'height': raindrops_height } );
                        jQuery( '#header-image' ).show();// Add this code.
    
                    }
                }

    changes line:7 19

    lline:7  jQuery( '#header-image' ).hide();       // Add this code
    line:19  jQuery( '#header-image' ).show();// Add this code.

    Is OK ?

    Theme Author nobita

    (@nobita)

    2 weeks, I will change because there is no answer to Resolved

    Thread Starter Farrah D.

    (@farrah-d)

    Sorry I didn’t reply previously, Nobita–unfortunately adding the code you proposed still didn’t work. I instead went with a different theme, but let me just say that if it weren’t for this one problem, I would have rather stuck with your theme, because everything else about it was top notch! Many thanks for your assistance–I really do appreciate it.

    Theme Author nobita

    (@nobita)

    bounces issue will fixed Raindrops 1.277 !

    Thank you.

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

The topic ‘Site "bounces" when loading pages’ is closed to new replies.