Making the logos on the logo list section for desktop view bigger

Store Design
, ,
1

Hello! this is my shop:

https://2fec80-3.myshopify.com/

I want to make the logos in the logo list section of myShopify store appear bigger and have more spaced distribution on desktop view,

1 Like
2

Hello @jen0495

Thank you for reaching out to the Shopify community.

Here are the steps to have equal space distribution between logos:

  1. Navigate to the theme editor Online Store → Themes → Edit Code.

  2. Search for the asset named as section-logo-list.css, open the file and search for the below code:

@media screen and (min-width: 750px){
.logo-bar {
    gap: 3rem;
}
}

Replace it with:

@media screen and (min-width: 750px){
.logo-bar {
    gap: 3rem;
    justify-content: space-between;
}
}

Save the changes and please have a check once. Let me know if this was helpful.

Thanks.

1 Like
3

Hi @jen0495

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag
4

Hello @jen0495

Its Artzen Technologies! We will be happy to help you today.

like this :–

Artzen_tech_0-1692790567459.png
Artzen_tech_0-1692790567459.png1338Ă—626 206 KB

Let me know if need further assistance
Regards,
Artzen Technologies

5

Hi @jen0495

Im not sure if this is what you mean, if it is try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
header.header.header--center-split.page-width.header--has-menu.section-header-padding {
    height: 200px;
    gap: 10px;
}
span.label {
    font-size: 20px;
}

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!