Pro - Microsoft Edge lack of responsiveness

[sam_futr]

Hi Team

Have noticed a site isn’t responding well on Microsoft Edge when resizing the browser window:

You can see the colums are bleeding, and the header isn’t responding either.

Here is some custom Global CSS i’ve added in Theme Options

    .single-post .entry-featured .entry-thumb {
display: none;
}

.single-post .entry-wrap {
padding-top: 1em;
}

@media (max-width: 979px){
 .woocommerce .cols-3 li.product, .woocommerce .cols-4 li.product, .woocommerce.columns-3 li.product, .woocommerce.columns-4 li.product {
    width: 48% !important;
  }
}


.x-tab-content {
  box-shadow: none;
}

.entry-wrap {
box-shadow: none;
}

.woocommerce li.product {
border-style: none;
box-shadow: none;
}

May have something to do with this - but also notice there are some other threads related to Edge responsiveness as well… Could be a broader issue?

Site:
www.musq.com.au

Thanks
Sam

[friech]

Hi Sam,

Thank you for writing in, I cant replicate the issue on the content, this is what it looks on my end.

Regarding the image on the header, try applying this fix, add this to each Image element’s CSS Element area

/*image element fix on IE*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  $el.x-image img,
  $el.x-image img {
   	width: 100% !important;
   }
}

Hope it helps,
Cheers!