How to edit collection page on mobile to show 1 column vs 2 (combine theme)

Store Design
, ,
1

I am looking to change the collection pages on my mobile view to show one column of products vs two columns. I am using Combine theme and currently there aren´t a lot of help forums for that theme.

2

Hi @UptownCait others cannot see what you see, minimize the amount of effort anyone wanting to help would have to do.

Always provide publicly accessible relevant urls for others to inspect.

Verify they urls as a new person would see them by using a browser incognito window.

If storefront is password protected provide the passphrase for contributors.

Good Luck.

3

https://eyedeals-eyecare.myshopify.com/collections/all-eyewear

eyedeals23

4

Okay great thank you @UptownCait in the combine theme that should be possible with a custom-css setting added to the collection template settings in the visual theme editor.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

@media screen and (max-width: 767px) {
    #main-collection-product-grid {
        display: block !important;
    }
}
5

Heck yah! Thank you so much for your help. I appreciate you.