Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 17, 2020 at 2:40 pm #1246541
    Berebeeld

    Hi, in Google Chrome my icon grid looks strange. Do you know why? I am using another on my site and that one looks okay. I hope you can help.

    September 18, 2020 at 10:54 am #1246728
    Berebeeld

    Hi, I hope you can help me asap. Because today I want to launch my website.

    September 18, 2020 at 5:38 pm #1246867
    Victoria

    Hi Berebeeld,

    Best regards,
    Victoria

    September 18, 2020 at 5:55 pm #1246879
    Berebeeld

    Hi Victoria, I changed it to tooltip. Then it’s okay. But I want the content to appear in flipbox. I just now did. And then it’s not okay. Also in Firefox, in safari it is okay. I hope you can help.

    September 19, 2020 at 3:14 pm #1246995
    Mike

    Hi,
    Thanks for the link to your test page, I checked your flip boxes with Chrome, Firefox & Edge on Windows 10 with no issues, I also tested with Safari, Firefox, and Chrome on a Mac and found that with Chrome on a Mac the flip boxes brake, only in the Dutch language, but this doesn’t occur with Chrome on Windows.
    Please see the screenshots in Private Content area.
    This also doesn’t occur with Firefox on Windows or Mac.
    Is this the issue you are experiencing, or is it something else on Firefox?
    Please post a screenshot of the error you see.

    Best regards,
    Mike

    September 19, 2020 at 3:44 pm #1246998
    Berebeeld

    Hi Mike, thank you for your helping me and the screenshots. I now see that in Firefox the issue occurs when I widen or reduce the browser screen. You just have to find the right width and then it is okay. But in Google Chrome the flip boxes still brake in “Services’ but not in “Zo werkt het’. Isn’t that strange? Or does it has to do something with the length of the text in grid element backside?

    September 19, 2020 at 9:29 pm #1247015
    Mike

    Hi,
    Thank you for the feedback, please note that resizing your desktop browser width to other screen widths is not a good test.
    If you use this technique to test, please refresh the browser for each “screen size”.
    I recommend using your browser dev tools to test different screen resolutions.
    Please describe the device you are using and the screen resolution of the error and a screenshot of it. Perhaps this error occurs in “mid-screen sizes” that is “between” sizes & refreshing corrects?
    I would like to reproduce your error to assist further.

    Best regards,
    Mike

    • This reply was modified 4 years, 2 months ago by Mike. Reason: changed link to dev tools video
    September 20, 2020 at 10:34 am #1247079
    Berebeeld

    Hi Mike, my screen resolution is 1680×1050
    Google Chrome Version 85.0.4183.102 (Officiële build) (64-bits)
    Mac Pro (Mid 2010)
    Mac OS Sierra version 10.12.6
    Monitor Eizo CH223W

    Above 922 pixels the flip boxes brake also in full screen mode
    At 922 px the flip boxes are okay (3 columns)
    At 890 pixels they brake again
    At 769 they are okay (2 columns)
    At 745 pixels they brake again
    At 690 px they are okay (1 column)

    I hope you have enough information.

    September 20, 2020 at 5:34 pm #1247161
    Mike

    Hi,
    Thank you for the feedback, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 989px) { 
html[lang="nl"].avia-chrome .avia-icongrid-flipbox li:nth-child(3) {
	clear: left !important;
}
}
@media only screen and (min-width: 990px) { 
html[lang="nl"].avia-chrome .avia-icongrid-flipbox li:nth-child(4) {
	clear: both !important;
}
}

    After applying the css, please clear your browser & site cache and check.

    Best regards,
    Mike

    September 20, 2020 at 6:22 pm #1247172
    Berebeeld

    Yes that works Mike.
    Thank you so much!

    September 20, 2020 at 6:34 pm #1247177
    Mike

    Hi,
    Glad to hear, shall we close this then?

    Best regards,
    Mike

    September 20, 2020 at 10:53 pm #1247195
    Berebeeld

    Yes that’s okay, thank you very much!

    September 21, 2020 at 1:52 am #1247204
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Google Chrome strange icon grid’ is closed to new replies.