Different Browsers, Different Rendering


#1

I applied some CSS to get the content area below the header area. On IExplorer, it renders fine with the CSS, but it renders the content too far below in Chrome. If I remove the CSS, then the content renders “behind” the header area, and Chrome displays it fine.

Yikes!!!

How do I get this fixed on all browsers?!

If you go to that site in IExplorer, it renders fine, but, in Chrome, the blog content renders too far down the page.


#2

Apparently, this display glitch only occurs when I’m LOGGED IN. If I’m not logged in, the display is normal in Chrome and IE. When logged in, it shows the extra space above the page content.


#3

I think I fixed it with this code:

@media only screen and (min-width: 992px){
  .page-wrap {
    padding-top: 198px;
  }
  .logged-in .page-wrap {
    padding-top: 0px;
  }
}