How can I modify the mobile logo bar section in the Debut theme?

[Ulysse1300]

Hey,

I would like to know how can I change the look of the logo bar section on mobile to have it like on the second picture below ?
Thanks.

Link : https://riku-services.myshopify.com

Password : edohup

How it is now :


What I am looking for :


[Denishamakwana]

Please add below css code in bottom of assets/base.css file

@media only screen and (max-width:567px)
ul.logo-bar {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width:567px)
li.logo-bar__item {
width: 50%;
display: inline-block;
max-width: 50%;
padding: 5px;
margin: 0;
}

Thank you.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 488px) {
.logo-bar__item {
	width: 50%;
	max-width: 50%;
	margin: 0 0 35px;
	float: left;
	padding: 0 15px;
	}
}

[Ulysse1300]

Thanks a lot for the help !

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.