• Resolved danb111

    (@danb111)


    My site dpbridgeteaching.com is OK in Firefox, but in IE 11, each page has a large blank area inserted at the top requiring one to scroll down each time the page is changed.

Viewing 5 replies - 1 through 5 (of 5 total)
  • As I see, it is directly related to your header image. It’s height is too much.
    though the image is not being loaded (for me in both IE and Chrome), the reason you see this problem on IE is that for IE it doesn’t matter if image is loaded or not. it still reserve the space for it.
    I just removed the image, and the problem was resolved.

    You need to do something in your HTML/CSS codes

    Thread Starter danb111

    (@danb111)

    Thanks ahangarha, I see if I remove the image the white space disappears. I have tried removing
    .masthead-fixed .site-main {
    margin-top: 48px;
    }
    from the style.css file, but it doesn’t seem to work.
    Anyone else have any ideas on how to IE from reserving space for an image.
    Thanks
    Danb111

    It is not related to what you removed from CSS.
    First Solve the problem of your header image. If you want it be there, solve its link to be shown. if not, remove it.

    Till you find a way to get rid of it, use this CSS code to just hiding the image:
    #site-header img {display: none;}

    Remember that it is not the ultimate solution. You need to remove the header image or use an existing image for it.

    Thread Starter danb111

    (@danb111)

    Yes, thanks ahangarha, got it. I thought that I had set the Twenty Fourteen theme to no header image, but I hadn’t. Always a simple answer, after the event, but I’m fully extended with I’m trying to do, but getting there.
    Thanks again for your help,
    danb111

    You are most welcome

    Do mark your topic as resolved when it’s fixed so we know not to come looking there anymore.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘IE 11 adds large blank area’ is closed to new replies.