Left Side Bar (Left Column Catetegory's) IE Bug

Tagged: , ,

ThemeBurn SupportForumsOpenCart ThemesKiddos OpenCart ThemeLeft Side Bar (Left Column Catetegory's) IE Bug

This topic has been marked as resolved.

When using Brainy Filter in the left column of the categories, the page content in IE11 is shifted off the screen. On the right side everything is ok, but the thumbnail images very small. The settings of the sides are the same 240px left, 240px right. The width of the site is 1300px. Please help solve the problem. Screenshots attached.

  • This reply was modified 1975 days ago by  sattium85.
  • This reply was modified 1975 days ago by  sattium85.
November 22, 2018 at 12:57 am #66155

https://ibb.co/cbJuLV
https://ibb.co/iucofV

November 22, 2018 at 1:02 am #66159

I conducted an additional test with a clean installation of the theme (BurnEngine 1.3.1) without additional modules and without Brainy Filters. In the left column just added the standard categories and the bug remained in place (IE11 only). So this is a 100% BurnEngine bug. Pls fix it.
https://ibb.co/bymaSA

November 22, 2018 at 1:39 am #66162

Hi,

Can you try to use this CSS fix:

#content > .row {
  -ms-justify-content: start;
      justify-content: flex-start;
}

Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

BR,
ThemeBurn team

November 22, 2018 at 4:29 pm #66203

Thanks, offset problem solved. But the question remains about the size of category thumbnails in IE11. Help solve?

  • This reply was modified 1974 days ago by  sattium85.
November 22, 2018 at 5:13 pm #66211
  • This reply was modified 1974 days ago by  sattium85.
November 23, 2018 at 2:33 am #66218

Hi,

The problem with images on your website is caused by IE not handling svg proportions correctly. Here is a CSS fix:

.image-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

BR,
ThemeBurn team

November 23, 2018 at 11:06 am #66224

thx problem fixed

November 23, 2018 at 8:05 pm #66252
  • This reply was modified 1973 days ago by  sattium85.
  • This reply was modified 1973 days ago by  sattium85.
  • This reply was modified 1973 days ago by  sattium85.
November 23, 2018 at 10:56 pm #66253

Hi,

Can you try to use this extra CSS as well:

.image-holder {
  position: relative;
}

BR,
ThemeBurn team

November 27, 2018 at 11:49 am #66297
November 27, 2018 at 12:19 pm #66300

Hi,

We see you have scoped this solution only to subcategory images. There is a problem with images inside sliders indeed and we will need to take a more deep look at it. Will provide a better solution with the next update.

BR,
ThemeBurn team

December 3, 2018 at 10:50 am #66343
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.