Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi! I´m trying to chance the size of the logos in version movile, but I cant find any solution! I want to be look 2 by 2, not one by one. My url https://mariaemma.com.co/
This is how look now.
And I like to see like the collection, 2 by 2
Thank you!
Solved! Go to the solution
This is an accepted solution.
Sorry. I called the wrong one. This should do
@media only screen and (max-width: 481px) {
.page-width .logo-bar {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
}
}
Hi @angelamesat,
We can use grid layout for this. Just place the code below in the theme.css under the Asset folder in your code editor.
@media only screen and (max-width: 481px) {
.page-width .logo-bar__item {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
}
}
Thank you for your help, but that not solve the problem, just reduce the size of the logo but still one per row and I need two per row
This is an accepted solution.
Sorry. I called the wrong one. This should do
@media only screen and (max-width: 481px) {
.page-width .logo-bar {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
}
}
User | RANK |
---|---|
113 | |
85 | |
69 | |
67 | |
45 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022