Text broken in Secondary menu of divi, only with IE11

Cannot see anything wrong in IE 11 (version: 11.0.9600.18015):
screen

Hello Freelancephp,

thanks for you quick reply. It’s strange, I have IE 11.0.9600.18282. And it looks like this: with IE

Do you have an idea, what I can do to solve this?

thanks
Gerd

I don’t know.

On line 1538 of style.css:

#et-info-phone,
#et-info-email,
.et-cart-info span {
	position: relative;
}

Maybe try comment it out like:
/* position: relative; */

But I don’t think it will do the trick.

Hello freelancephp,

thanks for your reply. It tried this, but no change. I found this CSS-Code in line 1212

#top-header .container {
padding-top: 10px;
font-weight: 600;
}

If I set font-weight to bold oder delete the row, it works with all Browers. Do you have an explanation for this?
I use Divi with several pages, but such problems only occurs with your plugin. So I want to make sure, is this a problem of the plugin or the theme.

thanks
Gerd

Maybe setting expliciti width to the div #et-info:

div#et-info {
    width: 50%;
}

I am just guessing, because I cannot replicate the error.

Hello freelancephp,

thanks for your help. But unfortunately this code does not solve the problem. If I add this, phone and mail will be display for a short moment and after that, nothing will be display at this place ??
I play arround with other values, but all the same. So I set

#top-header .container {
font-weight: bold;
}

in my child-theme and this looks like it works. Here in Switzerland newest version of IE is 18282 and several visitors have this problem. Really courious.

thanks for you help
Gerd

Very strange.

Maybe if you only want to set font-weight to bold for IE11 you could try using a CSS hack:

https://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11