Hi Valerie

May I ask on what browser version is your customer experiencing this issue?

Ciarán

Hi Ciarán,
Thank you for your reply.
The browser is Internet Explorer 11. I know that it's been replaced by Edge but there are many people still using it.
Will there be a fix?
Thank you in advance for your reply and best regards,
Valérie

Hi Valérie

IE11 should be fine. Would you have a URL to your site and I will examine this issue further?

Ciarán

Hi Ciarán,

Yes, it's http://www.sseassociation.com/. We tried on 2 different pc's with IE11 and the triangle doesn't show on either of them.

Does not show either on your demo page (see enclosed capture).

Thanks and best regards,
Valérie

Thank you Valérie

We are having an issue trying to replicate this issue in IE11. The triangle is rendered using the following CSS, all of which is currently supported in IE11...

.logo_container::before {

    border: 10px solid rgba(255, 255, 255, 0.5);

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;

    content: "";

    height: 2000px;

    position: absolute;

    right: -100px;

    top: 50%;

    transform: rotate(45deg) translateY(0%);

    transform-origin: 100% 0 0;

    width: 2000px;

} 

The CSS3 properties used are the following all of which have full support in IE11...
http://www.w3schools.com/cssref/pr_gen_content.asp
http://www.w3schools.com/cssref/css3_pr_transform.asp
http://www.w3schools.com/cssref/css3_pr_transform-origin.asp

A bit of a shot in the dark but try adding the following to the Custom CSS field of your templates parameters which will add the ms prefix...

.logo_container::before {

    -ms-transform: rotate(45deg) translateY(0%);

    -ms-transform-origin: 100% 0 0;

} 

Ciarán