Prestige Theme: Collection List on mobile - simple list

Store Design
,
1

Hello,

I use the Prestige Theme. I’d like to have my collection list be displayed on mobile devices as a simple list.

Ca. 10 elements on each page, every element with black background and the white collection name centered on it.

How can I archive this?

2

Hello @ngtblt ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss.liquid file

Add this following code at the bottom of page

@media (max-width: 767px) {
    .collection-list-class {
        display: block;
    }
    
    .collection-item {
        background-color: black;
        color: white;
        text-align: center;
        padding: 10px;
        margin-bottom: 10px;
    }
}

Save and preview

Hope this can help.

Transcy

3

Hello, doesn’t change anything.