Welcome! To use this support forum, please Login or Join Today!

   

Footer Cutoff

{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 

Casey,

Footer additions via the footer widgets are appearing and disappearing (moving high up?) such that they don’t appear in the footer unless it’s a very short page - very little content. Example of it showing OK:
http://bubblesoccersd.com/faq/

Example of not showing – shows at first but then you resize the page a bit and zip, it disappears (Chrome):
http://bubblesoccersd.com/


Help!  Site launch this evening!


Attachments:

https://www.filepicker.io/api/file/NbAJrmvmRASXOdVU8WZo

{name}
Rank

Total Posts: 1

Joined 2014-11-17

PM

 

Having this exact issue as well. It seems to have something to do with a broken script that handes the fancy scrolling effect, since the footer is broken when I navigate the pages by links but it is fixed if i reload the page (f5).

{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 

Yeah I think it’s this script:
https://github.com/Prinzhorn/skrollr

His examples
http://prinzhorn.github.io/skrollr/

Confirmed: I disabled the script (be renaming it in the theme folder to NOskrollr.min.js), and the footer worked properly, but no scrolling effect.
Only problem is, my slider on the home page (which is a different plugin - Master Slider?!) stopped working. Argh.
I suspect Master Slider uses Skrollr to make slide transitions. 

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

No need to remove the script. My guess is your footer is shorter than the default.

In your child theme functions.php you’ll see this parameter:

/*-----------------------------------------------------------------------------------*/
// Filter footer height
/*-----------------------------------------------------------------------------------*/

function child_footer_height() {
 
return 355;
}
add_filter
'skeleton_footer_height''child_footer_height'); 


This means the parallax will start at 355px. You can set to 0 to disable entirely or to a lower number if your footer has little or no widgets.


The reason this is a filter and not a theme setting is you may want to have varying footer heights for sections that have fewer or less widgets. An example of this might be:

/*-----------------------------------------------------------------------------------*/
// Filter footer height
/*-----------------------------------------------------------------------------------*/

function child_footer_height() {

    
if (is_page('page-with-five-widgets')) {
        
// set to high for widgets with more content
        
return 500;

    
elseif (is_page('page-with-two-widgets')) {

        
// set to low for widgets with less content
        
return 300;

    
else {
        
// disable for widgets with little or no content
        
return 0;
    
}

}
add_filter
'skeleton_footer_height''child_footer_height'); 
{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 

I was wondering about that function child_footer_height(); I had plyed with it using the default setting to no avail.
Now it makes sense

(Maybe comment it with instructions?)

Thanks!