Fixed header not fixed in Edge and IE

  • Dear all,

    I have added the following css to my child-theme twenty-seventeen:

    .site-header {
    position:fixed;
    }

    In Chrome and mobile android this works perfectly! In Edge and IE however the site-header, when scrolling the page, jumps and flashes. It drives me crazy. Does anyone know how to fix this? Thx!

    Marco

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Marco

    (@marco020)

    Do I perhaps need to create a container?

    Marco

    Thread Starter Marco

    (@marco020)

    Can anyone please help me? Thx!

    Someone may, but everyone is a volunteer. Patience.

    IE has always had its peculiarities. You should continue to search for IE/Edge workarounds. I am sure I have seen something about this somewhere, but it has disappeared from memory (my own and the computer’s). I am sorry I cannot help beyound this.

    Thread Starter Marco

    (@marco020)

    I know that everyone here is a volunteer. I am just a bit impatient I guess ??

    Thread Starter Marco

    (@marco020)

    I have found a workaround. It’s a bit a nasty solution but it works perfectly. In CSS I changed the width of the site-header from 100% to 99.999%. Result:the site-header stays perfectly fixed to the top in IE and Edge. No more jumping around! ??

    .site-header {
    background-color:#ebebeb;
    left:1px;
    position:fixed;
    text-align:center;
    top:0px;
    width:99.999%;
    z-index:9999;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Fixed header not fixed in Edge and IE’ is closed to new replies.

Tags