How to create a horizontal scroll on mobile with Boost Theme?

Shopify Discussion
1

Hi team! here is a photo from my mobile, is there any way I can make these 3 sections into a horizontal scroll rather then it being in a vertical line? Thanks all !

Boost Theme

IMG_0937.PNG
IMG_0937.PNG1284×2778 380 KB

2

this is multi column

3

yes you can do it using custom code and apply css to it . PM me with details

4

Hi @jayshew0 - It appears you are trying to find a horizontal scroll for items, similar to what my example illustrates( Screenshot ). The following CSS code can be added to the row of the three columns to enable this feature.

@media(max-width:767px){
	ul#navlist {
	    background: red;
	    overflow-x: scroll;
	    display: grid;
	    grid-gap: 10px;
	    grid-template-columns: repeat(3, calc(45% - 0px));
	}
}