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

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)

Accepted Solutions
made4Uo
Shopify Partner
2590 477 718

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;
}
}
Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 4 (4)
made4Uo
Shopify Partner
2590 477 718

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;
}
}
Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
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
2590 477 718

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;
}
}
Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
angelamesat
Excursionist
15 0 7

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