Increase size of Logos in Logo Banner (as in partner logos - not main header logo). Be Yours theme.

Store Design
, , ,

Topic summary

A user seeks to increase the size of partner logos in the logo banner section of Shopify’s Be Yours theme (not the main header logo). They want the logos to be double their current size for better visibility.

Solutions Provided:

Three community members offered CSS code solutions, all involving editing the base.css file:

  • made4Uo: Suggested adding CSS targeting a specific section ID with min-width: 200px
  • Dan-From-Ryviu: Recommended adding flex: 0 1 20rem !important to .logo-bar__item
  • INA_MSWEB: Proposed similar flex-based CSS with flex: 0 1 25rem !important and media query considerations

Resolution:

The original poster confirmed one of the solutions worked perfectly, successfully resolving the issue. All approaches involve navigating to Online Store > Themes > Edit Code > Assets > base.css and adding custom CSS at the bottom of the file.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hi there!
I’m trying to increase the size of the logos in the logo banner on the Be Yours theme. These are secondary logos (e.g. partner logos) not the main header logo. Is anyone able to help with a piece of code?
Attached is a photo: I just want the logos to be double the size and more easily seen
Thanks
Tania

Screenshot 2023-05-10 092850.png
Screenshot 2023-05-10 092850.png1520×382 23.3 KB

www.eventwandererco.com.au

1 Like
2

Hi @EventWandererCo ,

Please follow the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
#shopify-section-template--16722122473695__afaa25de-613e-4264-b1d5-fa590e0c3791 > div > div > div.logo-bar > div:nth-child(2) {
    min-width: 200px;
}

Result here:

made4Uo_0-1683676002355.png
made4Uo_0-1683676002355.png1254×360 18.9 KB

3

You can do that by adding this CSS code at the bottom of your base.css file

.logo-bar__item {
flex: 0 1 20rem !important;
}
4

Hi @EventWandererCo

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
@media screen and (min-width: 750px) {

#shopify-section-template–16722122473695__afaa25de-613e-4264-b1d5-fa590e0c3791 .logo-bar__item {flex: 0 1 23rem !important;}

}

Regards,

San

5

Thanks so much! That worked perfectly.

1 Like