I need a little help on this one, I have sticky footer enabled and it works perfectly except on pages where I have used display widget plug-in to display certain side menus.

I have tried searching through the CSS but I don't really know what I'm looking for on this one.

Could someone give me a little help or let me know what CSS to use to stick the footer?

to see the error click on bio mass tab on the site below and the footer doesn't stick as it does on the rest of the site.


SITE

The site is in maintenance mode.

Sorry its open now.

I don't see any problem. Can you explain more.

The problem occurs when you click on say the biomass link at the top, it takes you to a new page that has a different side menu (using display widget plugin) on the pages that show the different side bar the footer doesn't stick to the bottom of the page.

The rest of the site works fine though.

The way the sticky footer works is a jscript gets the height of the header, footer, and the layout as a whole then adjusts the height of the middle area if (layout height + body padding-top + body padding-bottom) is smaller than the height of browser viewport.

My guess is that the other plugin is changing these values but they are not being reflected when the jscript requests their values.

Your going to have to talk to the plugin author about this

Okay thanks anyway guys,

I have seen methods to use CSS to fix the footer at the bottom, can these be used and has anyone tried them with atahualpa?

Okay sorry to keep at this guys, I have found the cause of the problem.

The menu on the home page doesn't expand the page height when expanded, but the menu on the biomass page does. This causes a variable page height on the biomass page and that seems to trigger the problem with the footer sticking when the height varies.

is this still likely to be caused by the menu? I can't seem to find the error in the php?

What browser are you using?

hmmmm it seems to be working...

I'm using mozilla, its working atm because I took a load of menu items out to stop it expanding beyond the page height.

this is a great example of the problem however. I will add the menu items back and you can see how it no longer sticks.

I imagine its a simple error in the js but I can't identify it.

okay try again now and see how with the extra items the footer no longer sticks.

Thanks for taking the time to look guys.

the writer of the code said this:

"The menu js cant be overwriting the sticky footer js as the menu doesnt add any code, which can interfere with footer.

The problem appears to be that the footer height is determined when the page first loads but does not change the height if anything on the page changes, such as the height of the content. The footer js needs to be modified to listen out for these kind of events."

so ask him how he would suggest fixing this?
what is the plugin?

the plugin is jQuery Vertical Accordion Menu link

He said I need to modify the atahualpa footer js so it varies the height, I'm not very good with js so maybe you will understand more?

do you have different menu's for the different pages?

Yes I have created three maybe more different wp menus then used the js menu plugin to style them then used display widget plugin to select which pages which menus appear on.

what happens if you swap the menus for the different pages? or shut off the styling?

Same problem with no styling, again the problem only occurs when the menu in of a certain height. Shorter menu's aren't affected and work perfectly with sticky footer.

Perhaps once you load content on all the pages this will be a moot point.