Mobile layout

[Toypop]

Hello maybe someone knows code how to do these multicolumn in one line on mobile version 

From this 

To this 

Here is url-https://www.toypop.lt

Every help will be appreciated ❤️ ❤️ ❤️

[KetanKumar]

@Toypop yes its possible to make signal line can you please just check your theme customization multi column section on mobile enable slider 

[Toypop]

Hello, i want them to show all 4 at  once on one  screen, without scrolling trough columns. as i shown in the example

[KetanKumar]

@Toypop yes its possible but its too much smaller icon and text mobile device 

[Toypop]

Maybe you can show me the code or settings how to try it i will check it out maybe it will look better than the one that is now

[KetanKumar]

@Toypop yes i can see your enable to mobile slider

[Toypop]

But we want to put these logos in one line,as PC version, do you know how to do it ? 

[KetanKumar]

@Toypop do you want like this ?

[Toypop]

Yes, we want in one line, but without that slider. We need static logos 

[KetanKumar]

@Toypop yes please disable slider option after i will give you code this 

[Toypop]

Hello 

I disabled the slider option, can i get the code please?

[KetanKumar]

@Toypop thanks yes please add this code its work 
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media (max-width: 749px) {
#shopify-section-template--22284692619529__multicolumn_Ni8mC9 .multicolumn-list {flex-wrap: nowrap;gap: 0;}
#shopify-section-template--22284692619529__multicolumn_Ni8mC9 .grid--2-col-tablet-down .grid__item {width: 25%;}
#shopify-section-template--22284692619529__multicolumn_Ni8mC9  .multicolumn-card__info {padding: 5px !important;}
    }

[Toypop]

Thanks, that worked but now we have problem that text looks not perfect. maybe you know how to edit text size,because shopify gives or to small text or to big,but not that size that we need and we need to edit only on mobile version,pc version i think looks good ?

[KetanKumar]

@Toypop yes device no more spacing but you have try this code if you have change value as you like

@media (max-width: 749px)  {
#shopify-section-template--22284692619529__multicolumn_Ni8mC9 .multicolumn-card__info h5 {
    font-size: 11px;
}
}