Why are brand logos appearing small in mobile view?

[Alliance]

Hi guys,

Got brands page looks great in desktop view, but in mobile view, brands logos look very small.

Thank you

allianceautoproducts.com

[BSS-Commerce]

Hi @Alliance

Please follow these steps:

• First, go to Theme => Edit code => Search for a file named “theme.css” (or base.css for some themes, or maybe some other files depending on your theme).
• Find this piece of code:

@media screen and (max-width: 749px)
#shopify-section-1580280662236 ul.logo-bar

• Then replace “749px” with “1080px”.

• Also, find the code:

@media only screen and (min-width: 750px)
#shopify-section-1580280662236 ul.logo-bar {

and change “750px” to “1081px”.

This will help to fix display errors for Smartphones with Full HD screens (1080 * 1920).

• Here is the result:

I hope that it will work for your site.

[Alliance]

Hi,

I am not talking about the section in the home page. I am talking about a page from the header menu. Here is the link:

https://allianceautoproducts.com/pages/brands

[BSS-Commerce]

Hi @Alliance

Sorry for misunderstanding your question.

We checked on your theme, and the reason it shows small is that the list of logos is displayed in a table style (5 x 5).

Ideally, you should find the section on your theme and try changing the size of the table.

Although we can’t access your store, we still have a way to make it look better:

Please go to Theme => Edit code => Find the file named “theme.css” ( or base.css, or another, depending on your theme ) and paste this code:

@media only screen and (max-width: 1090px) {
body.template-page .grid__item .rte {
  padding: 0;
}
}

I hope that it will work for you.

[Alliance]

Please send me an access request to the store so that I approve it.

Thank you

[BSS-Commerce]

Hi @Alliance ,

I have just sent you a collaborator request to Shopify Admin => Settings => Users and Permissions => Collaborators => BSS Commerce to have access and check your settings. Then, we can help you fix the problem.

After accepting the request, please kindly keep me updated. Thanks so much in advance!I

[BSS-Commerce]

Hi @Alliance

We checked and fixed it for you. Please see the result here:

Feel free to let us know if you need further support.

[Alliance]

I guess that might be desktop view. In mobile view, still an issue.

[BSS-Commerce]

Hi @Alliance

As we mentioned earlier, the display of the brand logo is fixed table size 5*5. We tried to fix it, but we couldn’t interfere. Therefore, we can only change the display of the table to make it larger. We regret not being able to make it bigger.

• After:

I hope that you find it useful.