Hide borders on Icon Grid in mobile view

Hey whdsolutions,

I’m only able to view the coming soon page. Please provide the required credentials to view the page.

Best regards,
Vinay

Hi whdsolutions,

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

@media only screen and (max-width: 989px) {
    .avia-icongrid-borders-all li .avia-icongrid-wrapper:after, 
    .avia-icongrid-borders-between li .avia-icongrid-wrapper:after,
    .avia-icongrid-borders-all li:nth-child(2n+2) .avia-icongrid-wrapper:after, 
    .avia-icongrid-borders-between li:nth-child(2n+2) .avia-icongrid-wrapper:after,
    .avia-icongrid-borders-all li:nth-child(2n+1):nth-last-child(-n+2) .avia-icongrid-wrapper:after, 
    .avia-icongrid-borders-between li:nth-child(2n+1):nth-last-child(-n+2) .avia-icongrid-wrapper:after {
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}

But the border-bottom comes from this code and it has to be limited or removed.

If you need further assistance please let us know.

Best regards,
Victoria

Hi Maw87,

Well, not everyone wants it like this and the code is available in the forum for those who are looking for it.

Best regards,
Victoria