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!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024