Shopify themes, liquid, logos, and UX
Hi,
I am trying to change all of my collection pages (both on the homepage and all other pages) to have two columns on mobile.
I am using the Brooklyn theme but am unsure on what code needs to be changed/added to make the change.
If anyone could help, it would be greatly appreciated.
Site link - https://artizra.myshopify.com
Solved! Go to the solution
This is an accepted solution.
sorry for this issue, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 768px) {
#CollectionSection .medium--one-half {
width: 50%;
}
}
This is an accepted solution.
sorry for this issue, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 768px) {
#CollectionSection .medium--one-half {
width: 50%;
}
}
Thank you! Works perfectly.
it's my pleasure to help us
Hi I'm on VENTURE theme. I tried the code above and it's not working on Mobile. I have 1 Column showing for my collections.
For mobile view, I want to have two columns per row.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
I used the code and it works 90% fine for me. When I am on iphone and scroll down in a collection, I get empty slots where there should be an item there every so often. This problem does not happen when my phone is horizontal though. Do you know why this is happening?
oh, sorry for that can you please share store url
yes please add this code
#CollectionSection .grid-uniform {
display: flex;
flex-wrap: wrap;
}
Thank you so much!
User | RANK |
---|---|
177 | |
153 | |
72 | |
36 | |
36 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023