Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2020 at 2:26 pm #1177611
    Marc

    Hello together,

    I am using the icon grid content element and there seems to be an issue, when viewing the icon grid on a desktop device.
    There randomly exist – depending on the desktop device – various small gaps between the elements.
    For a better understanding, I have attached screenshots (private section).
    So far, I have tried to disable CSS merging but this didn’t resolve the issue.
    It seems to me that the issue does not reflect the intended behaviour and is therefore a bug.
    How can this be fixed?

    Best regards,
    Marc

    January 24, 2020 at 9:40 am #1178040
    Ismael

    Hey Marc,

    Thank you for the inquiry.

    We can’t seem to reproduce the issue on our end. Where are you testing it?

    This is how we see the site on our end. Please check the screenshot below.

    // https://imgur.com/a/cT4TaQm

    Best regards,
    Ismael

    January 30, 2020 at 10:03 am #1179746
    Marc

    On some machines the grid displays right, that is correct.
    The various screenshots I had attached were taken on a 27″ monitor with Mozilla Firefox and on a 32″ monitor with Google Chrome.
    If you use the zoom to emulate a bigger/smaller monitor (STRG + Scrollwheel) you should at some point see the gaps between the grid.

    January 30, 2020 at 1:25 pm #1179848
    Victoria

    Hi Marc,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia-icon-grid-container li {
  border: none;
  margin: -1px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 1, 2020 at 1:13 am #1180436
    Marc

    Shouldn’t there be an official fix so the icon grid looks fine an all devices instead of a CSS workaround?

    February 3, 2020 at 1:53 pm #1180916
    Ismael

    Hi,

    We can’t really reproduce the issue on our end — tried zooming the browser in and out. We also haven’t encountered the same issue so far, so it probably requires a custom fix like the css @Victoria suggested above.

    Thank you for understanding.

    Best regards,
    Ismael

    March 4, 2020 at 12:28 pm #1190014
    Marc

    That is weird but ok, I’ll take the CSS workaround then.
    This ticket can then be closed now.

    March 5, 2020 at 5:39 am #1190294
    Rikard

    Hi Marc,

    Thanks for the update, I’ll go ahead and 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 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fixing gap issue of icon grid content element on desktop devices’ is closed to new replies.