Solved

Debut theme Logo´s size in movile version.

angelamesat
Excursionist
15 0 7

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.

2.png

And I like to see like the collection, 2 by 2

 

3.png

Thank you!

Accepted Solution (1)
made4Uo
Shopify Partner
3804 713 1124

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;
}
}
Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 4 (4)

made4Uo
Shopify Partner
3804 713 1124

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;
}
}
Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
angelamesat
Excursionist
15 0 7

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

made4Uo
Shopify Partner
3804 713 1124

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;
}
}
Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
angelamesat
Excursionist
15 0 7

Thank you!!!! You´re the best!