Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1177611

    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,


    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.


    Best regards,


    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.


    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,


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



    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,


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


    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,

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.