I’m trying to get the images in the multi columns section to fit full width and be 100% responsive. I’ve looked at other posts but I can’t seem to get it to work
Other Threads
@kirkcanada - can you please share your page link?
https://bleswold.myshopify.com/
pw cheese
@kirkcanada - add this css to the very end of your base.css file and check
@media screen and (min-width: 990px){
.multicolumn-list .multicolumn-list__item{width: calc(24.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3) !important;}
}
Hello @kirkcanada
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.multicolumn-list__item grid__item center {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
}
I tried that and didn’t see any changes.
This isn’t working either. I must be doing something wrong. Maybe I have messed up my base.css file from previous edits?
I’ve be a way from this project for a while. any progress about solution?
Hello @kirkcanada
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
}
