网站的标题不在Internet Explorer上的位置

Question

I've made a website with Wordpress, everything's fine except on Internet Explorer 11. The header's li and ul go down, I suspect an incompatible CSS rule in the theme I used. I already had to correct somethings that weren't responsive as advertised, and I reach the end of my knowledge.

Most parts of the header are in position:relative. I played with the padding also, it went up a little but not at it's initial place.

Fun fact, when the wordpress admin bar is visible, the header gets (sometimes) back to normal.

The URL of the website : https://cdj-vaud.ch

The support team gave this CSS fix, but it works only on Chrome and Firefox.

@media only screen and (max-width: 1440px) {
  .edgtf-main-menu ul li a {
    font-size: 12px !important;
  }
.edgtf-main-menu>ul>li>a span.edgtf-item-inner {
  padding: 0 5px;
  }
}

If someone knows what rule isn't recognized by Internet Explorer, it would be awesome !

Answer 1

in chrome on mac os x its broken too. just play around with the margin left and right. that fixed it for me.

.edgtf-vertical-align-containers 
.edgtf-position-center:before, 
.edgtf-vertical-align-containers 
.edgtf-position-left:before, 
.edgtf-vertical-align-containers 
.edgtf-position-right:before {
    margin-right: -25px;
}