Multicolumn id issue

213 1 32


I've created 2 Multicolumn sections. I edit code of Multicolumn 1 on mobile and it also affect Multicolumn 2.

How can I fix that (add id to Multicolumn 1 code?)

Please check my url: 

Thank you,




Replies 3 (3)

Shopify Partner
1476 336 359

Hi @collins276 ,


Can you explain what the issue is? I reviewed the home page and everything looks normal. If you could provide us screenshot of the issue, It would be very easy for us to navigate.

Buy me a Coffee

Enjoy Shopify for $1. Sign up now

For quick response - Message Me

Ping me at:

213 1 32

Hi Makka,

Did you check the Multicolumn 2 in Mobile view? It gets affected by the code of Multicolumn 1 (in mobile view) so the images have different heights (as the above screen shoot)

213 1 32

Hi @theycallmemakka 

This is the code for Multicolumn 1 section in Mobile view


   .multicolumn-list li:nth-child(2), .multicolumn-list li:nth-child(3) {
    max-width: calc(50% - 2px) !important;

And this code also affects the Multicolumn 2 section cause they have the same structure, classname. The screen shoot above is Multicolumn 2 section's, its images have uneven heights due to this code.