I am currently trying to add more icons at the top of my website banner but the column limit is 6, I was able to find some css codes but none that worked with Trade, anyone know what to do? Thank you very much!
Hope this guide is helpful to you!
-
Log in to Shopify > Online Store > Themes > Actions > Edit Code.
-
Search for and open the file: sections/multicolumn.liquid
-
Locate the setting for columns_desktop and update the maximum value to 12.
-
Search for and open the file: base.css
-
Find the class grid–6-col-desktop and add new styles for a 12-column grid.
.grid--12-col-desktop .grid__item {
width: calc(100% / 12 - var(--grid-desktop-horizontal-spacing) * 11 / 12);
max-width: calc(100% / 12 - var(--grid-desktop-horizontal-spacing) * 11 / 12);
}
