Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Steven

    (@shazahm1hotmailcom)

    The issue is not with Connections. It seems there is some custom CSS that is changing the layout to a grid:

    @media only screen and (min-width: 769px) {
        #cn-list-body {
            display:grid;
            grid-gap: 2%;
            grid-template-columns: repeat(3,minmax(200px,1fr))
        }
    }

    You should also set the minimum height/width on the grid items. Like so:

    @media only screen and (min-width: 769px) {
        #cn-list-body {
            display:grid;
            grid-gap: 2%;
            grid-template-columns: repeat(3,minmax(200px,1fr))
        }
        #cn-list-body .cn-list-item {
            min-width: 0;
            min-height: 0;
        }
    }

    For a more detailed explanation, please see this article I found on how to solve the issue:

    I hope this helps; please let me know.

    Thank you so much! Wonderful support as always!

    Plugin Author Steven

    (@shazahm1hotmailcom)

    Great to hear! Have a great day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘overlapping content’ is closed to new replies.