Debut theme Logo´s size in movile version.

Solved
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
3284 620 939

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;
}
}
We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 4 (4)
made4Uo
Shopify Partner
3284 620 939

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;
}
}
We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.
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
3284 620 939

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;
}
}
We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.
angelamesat
Excursionist
15 0 7

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