Change collection page on mobile, so it fills out the screen (motion theme)

Technical Q&A
1

Hey, how do i change my collecion page on mobile, so the products are larger and fill out the page, so that it looks something like this:

sondreskskfsghj_0-1676487976539.png
sondreskskfsghj_0-1676487976539.png437×748 218 KB

instead of how it looks now:

sondreskskfsghj_1-1676487994695.png
sondreskskfsghj_1-1676487994695.png598×781 153 KB

store link: https://8c2dd1-3.myshopify.com/collections/best-sellers

2

Hi @sondreskskfsghj

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file

@media only screen and (max-width: 589px){
.page-width.page-content {
    padding: unset !important;
    
}
#CollectionSection .page-width {
    max-width: 95%!important
}
}

Hope my answer will help you