Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 15, 2018 at 11:00 pm #1021864
    Scott Beyer

    I have a page with Tab Sections that include avia image elements. When I reduce the window width, the tab section and the image shrink to fit the window width, as expected.

    Except for in Internet Explorer 11. There, the image widths do not change and the tab section extends beyond the window width.

    If I move the image elements outside of the tab sections and then resize, it works as expected.

    October 18, 2018 at 9:42 pm #1023658
    Basilis

    Hey Scott,

    Thank you for reporting that.
    We will have our team to take a look and the issue and have a solution for that IE bug :)

    Best regards,
    Basilis

    October 23, 2018 at 7:15 pm #1025562
    Scott Beyer

    Thank you. Any update on this? I’m curious if you were able to reproduce it.

    October 24, 2018 at 11:04 pm #1026148
    Basilis

    Hi,

    I tried it on Edge and I couldnt see it happen.
    On IE11, latest version it didnt worked.

    Best regards,
    Basilis

    October 25, 2018 at 5:03 pm #1026419
    Scott Beyer

    Also, I can reproduce the problem with Enfold 4.5, both with and without my child theme.

    October 28, 2018 at 8:01 pm #1027316
    Basilis

    Hi,

    Thank you for the update and for letting us know.

    Best regards,
    Basilis

    October 30, 2018 at 3:27 pm #1028067
    Scott Beyer

    Do you have any suggested workarounds for this?

    November 5, 2018 at 2:59 am #1029729
    Ismael

    Hi,

    I can’t reproduce the issue on IE11 Windows 8. Can you give us a screenshot of the issue?

    Best regards,
    Ismael

    November 5, 2018 at 7:51 pm #1030021
    Scott Beyer

    When the image element is wider than the window, the image and the enclosing tab section are both stay wider than the window and are cropped by the right window border. I can disable all plugins and my child theme, and the problem still happens.

    I can reproduce the problem with:

    IE 11 on Windows 10
    IE 10/11 on Windows 7 and 8

    I have included links to screenshots.

    November 5, 2018 at 9:06 pm #1030034
    Scott Beyer

    In order to work around this, I have needed to change the page layout to remove the images from the tab sections, where they resize as expected. But I have recreated the issue in a test copy of the page, which you can view here:

    November 9, 2018 at 3:26 am #1031485
    Ismael

    Hi,

    Thanks for the info.

    This css code should resize the tab layout container on IE.

    .avia-msie .av-layout-tab  {
    max-width: 100vw !important;
}

    Best regards,
    Ismael

    November 9, 2018 at 6:19 pm #1031747
    Scott Beyer

    That took care of it, thank you!

    November 10, 2018 at 9:56 am #1031971
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.