Hello, I have this multicolumn below where I need to add just one more logo but the code changes I’ve made won’t work.
…and to the index.json file for my homepage and changed “column_desktop” from 6 to 7 but throws an error
went hunting for columns_desktop or anything resembling column numbers but no luck in the settings schema or data file
I see these lines of code here in the multicolumn.liquid but no idea where “assign number_of_columns = section.settings.columns_desktop
assign number_of_columns_mobile = section.settings.columns_mobile” is defined to change the allowed column amount or the code to do it.
or here… I changed it from 0 to 7 but no luck
Help please.
Hi @VicBrew1 , can you share your store url?
@VicBrew1 , we will need to change the settings to allow 7 columns:
-First go to multicolumn.liquid file and locate this piece of code, and change the max from 6 to 7 :
-Then we will add a code to reflect this value. go to base.css file and add the following code at the end of it :
@media (min-width:990px){
.grid--7-col-desktop .grid__item {
width: calc(14.2857% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
max-width: calc(14.2857% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
}
}
Now you can go to the customizer and change the value to 7 in the multicolumn section:
I hope this was clear, if you have any questions feel free to ask.
1 Like
Worked like a charm. THANK YOU!
1 Like
