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 |
---|---|
136 | |
92 | |
87 | |
61 | |
51 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By