Title: Problems Rendering Header and Footer
Last modified: August 30, 2016

---

# Problems Rendering Header and Footer

 *  [roarkh](https://wordpress.org/support/users/roarkh/)
 * (@roarkh)
 * [11 years ago](https://wordpress.org/support/topic/problems-rendering-header-and-footer/)
 * I have been working on a new website based on the Ascent theme and am really 
   happy with how things are turning out but I am having a few problems with rendering
   and I believe it has something to do with the special effects that are built 
   into the header and footer areas.
 * The problem I was having with the footer was the if I displayed the page, the
   text in the footer would not show up unless I resized the page, I was able to
   get around this problem by changing the following line in footer.php…
 * `<div class="container animated fadeInLeft">`
 * to
 * `<div class="container">`
 * Of course this eliminated the fade-in effect but at least the footer loads properly
   now.
 * The problem I am having with the header I have been so far unable to solve. Basically,
   if I load the site into a webpage and the window is not large enough to contain
   the entire page the scroll bars are not working, the page constantly wants to
   pop back up to the top of the page when I attempt to scroll down.
 * I have a feeling it is related to the effect that collapses the bars above and
   below the header when scrolling down so that the header continues to be displayed.
 * I am curious if anyone knows why these effects might be causing problems and 
   if anyone can tell me how to turn off the effect for the header which I am guessing
   will fix my problem?
 * Thanks in advance.

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

 *  Thread Starter [roarkh](https://wordpress.org/support/users/roarkh/)
 * (@roarkh)
 * [11 years ago](https://wordpress.org/support/topic/problems-rendering-header-and-footer/#post-6431691)
 * I thought I would add something else I just noticed. The problem with the scroll
   bars not working only happens if the amount of space to scroll in total is smaller
   than the vertical size of the header, if I make the window much smaller so that
   there is a large amount of the page to scroll, the problem does not occur, but
   when the window to the website is just a little bit smaller than the size needed
   to hold the entire page the problem of not being able to scroll occurs and it
   happens on every web browser I have tested it with so far.
 *  [rolodieso](https://wordpress.org/support/users/rolodieso/)
 * (@rolodieso)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/problems-rendering-header-and-footer/#post-6432085)
 * I’m having the same issue except that for me it seems to alter the page size 
   somehow making the website scroll back up when I try to scroll down to the footer
   area causing a very ugly jumping page when I give my scroll down wheel a swing.
   Changing the class didn’t help either.
 *  [rolodieso](https://wordpress.org/support/users/rolodieso/)
 * (@rolodieso)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/problems-rendering-header-and-footer/#post-6432086)
 * On second thought, the issue is with the header. the effect of it staying on 
   top of the page and the page not being nearly long enough for the header to drop
   to the actual top (above the top bar with the social icons) makes this twitching
   occur. lengthening the page fixes the issue for my screen but I’m sure someone
   with a 1440p screen may get troubles as well.
 *  [rickykpg](https://wordpress.org/support/users/rickykpg/)
 * (@rickykpg)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/problems-rendering-header-and-footer/#post-6432087)
 * Try this, it should stop the page from jumping to the top when scrolling up.
 *     ```
       #header-main {
           position: absolute;
           left: 0;
           right: 0;
       }
       ```
   
 * Credit to Malihu for the fix.
    [https://wordpress.org/support/topic/offet-not-working-for-initial-scroll?replies=3](https://wordpress.org/support/topic/offet-not-working-for-initial-scroll?replies=3)

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

The topic ‘Problems Rendering Header and Footer’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/ascent/3.8.9/screenshot.png)
 * Ascent
 * [Support Threads](https://wordpress.org/support/theme/ascent/)
 * [Active Topics](https://wordpress.org/support/theme/ascent/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/ascent/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/ascent/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [rickykpg](https://wordpress.org/support/users/rickykpg/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/problems-rendering-header-and-footer/#post-6432087)
 * Status: not resolved