Elementor – Expand columns on Loop Grid

Add custom CSS to loop grid as below:

• Modify grid-template-columns to adjust the size of the icons/on the row.

• Modify justify-content to center / start of row according to requirements

selector .elementor-loop-container{
grid-template-columns: repeat(auto-fit, 84px); /* tile width */
justify-content: center;
gap: 10px;
}

@media (max-width: 1024px){
selector .elementor-loop-container{ grid-template-columns: repeat(auto-fit, 96px); }
}

@media (max-width: 767px){
selector .elementor-loop-container{ grid-template-columns: repeat(auto-fit, 120px); }
}