JA Mono and Microsoft Edge Browser

kspeegle

The JA Mono template is working great until you view it with Microsoft Edge. Looks like it not loading some of the CSS styles. Like the color overlays. Any ideas on how to fix this?

Thanks
Keith

Ninja

kspeegle
The Edge browser does not support the overlay style that you can see in the Google chrome here: http://prntscr.com/it2yif
This is due browser, apart from this could you share a screenshot of issue so i can check if the issue is different?

Regards

kspeegle

Thanks for getting back to me. I'm attaching three photos. Please look at the "Rise" square. I had to highlight the text or you would have never known it was there as the last photo shows. As you can see in Chrome (the first photo) attachment it puts blue over the top of the white "Rise" square thus allowing you to see the words.

Ninja

kspeegle
Hi
The first image has the overlay on welcome to Keith
and other two images look from IE/Edge that does not support the overlay style.
I am afraid its something from the browser style support.
Let me know if there is any other issue except the overlay of color
Regards

kspeegle

Please look at the RISE logo. You can't read the text of ANY of the the smaller side boxes mouse over text when the back ground includes white. Is this still part of the "Overlay Style"? There really is no css that can correct the problem? How would edge block a mouse over? Or is this some kind of plugin? Just seems odd to me that a browser would block a mouse over event.

Ninja

kspeegle
Hi
on these items the hover is working fine: http://prntscr.com/ivm13e
Please clear your browser cache and check it again
I do not have any issue when i tested your site : http://prntscr.com/ivm1i3

Regards

kspeegle

I have my Edge browser empty cache every time I close it. Manually did it just now and still the same as above. The mouse over does work in IE just not Edge. Are one of those photos above Edge?

Ninja

kspeegle
Hi
I tested it in my IE with Edge version. IE 11 have option to switch in edge, kindly check the demo site in your browser, and see how its showing in your browser for same.

Regards

kspeegle

Same issue exists with the demo in Edge 41.16299.248.0 and Microsoft Edge HTML 16.16299 in windows 10 version 1709 OS Build 16299.309.

Ninja

Hi
Add below code in custom.css file to fix the problem

@supports (-ms-ime-align:auto) {
  .ja-isotope-wrap .item:hover .article-img:after {
    display: block;
    content: '';
    background: #2727a4;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    width: 100%;
  }
}

Regards