Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 27, 2019 at 6:07 pm #1104566
    Chili2908

    Hi there,

    We’re using an icon grid element on one of our websites and it works like a charm on browsers such as Chrome and Edge.

    Firefox
    On Firefox we experience this issue: https://prnt.sc/ntzlsy And this is how it’s supposed to look alike: https://prnt.sc/ntznh7
    Firefox doesn’t seem to like the width of 33,33%. Unfortunately, if I narrow the width down to 30% the whole grid, especially as soon as the breakpoint for two grids appears, doesn’t look good on smaller displays anymore…

    Internet Explorer (app on Windows 10)
    The Internet Explorer doesn’t seem to like the icon grid animation to flip items. The animation is very slow (you really have to force yourself to stay with your mouse over the grid) and the last item in the second row has a weird white background while flipping the item.

    Are there any solutions available? I’ve already searched the forums and looked through several threads regarding the icon grid element as well as Firefox/Internet Explorer but couldn’t find the issue/a solution. If there’s one already available please be so kind and provide a link. :)

    Thank you in advance!

    June 1, 2019 at 2:51 am #1105908
    Rikard

    Hey Chili2908,

    Sorry for the late reply. I get a 404 error on the link you posted, do we need to be logged in to view it? If so then please post admin login details in private.

    Best regards,
    Rikard

    June 3, 2019 at 10:09 am #1106637
    Chili2908

    Hi Rikard,

    my apologies, we already started with the OnPage SEO optimization, therefore the link url changed. Please find the new link below.

    Thank you!

    June 4, 2019 at 4:09 am #1106899
    Rikard

    Hi,

    Thanks for that, I checked the page in Firefox but I couldn’t reproduce it. It looks like it should on my end. Is this only happening in IE? I couldn’t check that at the moment since I’m on a Mac.

    Best regards,
    Rikard

    June 4, 2019 at 1:07 pm #1107075
    Chili2908

    Hi Rikard,

    Thanks for getting back. Well, I can reproduce the issue on every computer here having installed Firefox… Maybe Firefox for Mac doesn’t have this issue? Could you maybe recheck on a Windows device? Interestingly, your demo page doesn’t have this issue (but a different one…).

    Yes, the low animation is about the Internet Explorer app on Windows 10 only.

    Thank you very much.

    June 6, 2019 at 1:35 pm #1107934
    Ismael

    Hi,

    Thank you for the update.

    We can see the issue on Firefox Windows 7 but we can’t seem to find a way to fix it. The only thing that seems to work is to reduce the width of the grid item.

    .avia-mozilla .avia-icongrid-numrow-3 li {
    width: 31%;
}

    Best regards,
    Ismael

    June 18, 2019 at 11:46 am #1111270
    Chili2908

    Thank you Ismael!

    30% works fine for desktop devices and for mobile we know decided to not use the icon grid. It doesn’t flip on mobile anyways.

    Have a great day!

    June 20, 2019 at 6:08 am #1111804
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 3, 2019 at 3:15 pm #1115495
    Chili2908

    Thank you Rikard, you can close the topic. :)

    July 4, 2019 at 8:05 am #1115651
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Icon Grid on Firefox / Internet Explorer’ is closed to new replies.