Shopify themes, liquid, logos, and UX
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;
}
}
Thank you!!!! You´re the best!
User | RANK |
---|---|
64 | |
58 | |
48 | |
42 | |
42 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023