Hello, I originally posted this question in the CSS thread thinking it was a CSS positioning flaw that was making my body content move up into the header and nav section on smaller viewports. I was advised by a CSS expert here on a sitepoint that there is a javascript that is controlling that function and is responsible for the design flaw. There is a jquery script that controls the "slideUp" and "slideDown" function when moving from page to page that is probably the culprit.

Also, can someone tell me how to change the "slideUp" and "slideDown" effect to a simple "fadeIn" for the transition?

Any chance someone here can take a look and help me please?

Thanks in Advance!