how to display 4 collections in collection list section only in mobile version?

[aus-10188]

URL is www.ahly.com.au 

how to display 4 collections in collection list section in mobile version?

and display each collection picture as 16:9?

Below screenshot is collection list section but it only display one collection each time and picture is square.

is that possible to display 4 collections each time and each collection picture size is 16:9?

thanks

cecilia 

[oscprofessional]

@aus-10188 ,

Share the store URL.

[aus-10188]

www.ahly.com.au 

thanks

[oscprofessional]

@aus-10188 ,

@media screen and (max-width: 749px)
.collection-list .collection-list__item {
    width: calc(33% - 3rem);
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[aus-10188]

Hi,

it doesn't work. can you please check for me? really appreciate your help!

[oscprofessional]

@aus-10188 ,

If you have already this media @media screen and (max-width: 749px)  then add the css in it.