Hello there,
I’d like to know how to make my featured collection into two columns on mobile view. Right now it just shows one column. I am using the Brooklyn theme.
Website: velvet-labs.us
hi @dxxrek
May this help you.
1: Go to online store > themes > Actions > Edit code > ASSESTS > timber.scss.css Add this code at the bottom.
@media only screen and (max-width: 768px){
#CollectionSection .medium--one-half {
width: 50%;
}
}
you can see the change in screenshot
If I was able to assist you, please remember to give it a Like and Mark it as the Solution!
Let me know if need further assistance
Regards,
SideNode
Hello @dxxrek
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > timber.scss.css and paste this at the bottom of the file:
@media only screen and (max-width: 768px){
#CollectionSection .medium--one-half {
width: 50%;
}
}
Hello,
This did not work for me. I want to mention that I used to have it as two columns previously and then I changed it back to single but now I want two columns again. I’m not sure I remember how I changed it back but maybe that edit I made is affecting this code from working?
When I use this code, it just throws my whole layout off and changes my font to times new roman.
Hope this info helps.
Thanks.
Hello,
This did not work for me. I want to mention that I used to have it as two columns previously and then I changed it back to single but now I want two columns again. I’m not sure I remember how I changed it back but maybe that edit I made is affecting this code from working?
When I use this code, it just throws my whole layout off and changes my font to times new roman.
Hope this info helps.
Thanks.
Actually it worked! But it left a gap in between some of the columns. How can I fix this?