# Category logo sizes are uncontrolled

**URL:** <https://meta.discourse.org/t/category-logo-sizes-are-uncontrolled/298256>\
**Category:** Bug\
**Created:** [March 6, 2024, 9:09pm UTC](https://meta.discourse.org/t/category-logo-sizes-are-uncontrolled/298256 "2024-03-06T21:09:46Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)\
**Post date:** [March 6, 2024, 9:09pm UTC](https://meta.discourse.org/t/category-logo-sizes-are-uncontrolled/298256/1 "2024-03-06T21:09:47Z")

</div>

I’m opening this as a bug since this should be addressed by discourse as part of the admin settings and not through hacks/custom CSS.

When the `desktop category page style` is set to `sub categories with featured topics`, then logos on the sub categories are displayed without any uniformity on the landing page. I could have a small sized logo which upscaled or a large logo which is down scaled and there’s no way to control the aspect ratio or maximum size of the logos. Some are huge where as others are small (irrespective of the actual logo size) for no apparent reason. When once open a category listing the icon sizes are controlled but on the landing page they’re uncontrolled when using the page display setting above.

There are some patches/workarounds provided by the community:

> [@Category icon sizes & link categories](https://meta.discourse.org/t/category-icon-sizes-link-categories/211777/2):
>
> For the css part of your post I used this on a forum I worked on: .category-logo.aspect-image { max-width: 80px; } Change the number until you’re satisfied with the resize

> [@Shrunken Category Images](https://meta.discourse.org/t/shrunken-category-images/103216/13):
>
> See the category-heading example below: .category-list .category-logo.aspect-image { max-width: 32px; } .category-heading .category-logo.aspect-image { max-width: 32px; }

> [@Shrunken Category Images](https://meta.discourse.org/t/shrunken-category-images/103216/9):
>
> I added the following to your theme’s css to restrict the width of the images in the /categories view to 200px: .category-list .category-logo.aspect-image { max-width: 200px; }

However these aren’t able to solve the problem consistently across the different pages (landing page vs category page).

There should be a better way to handle this, allow the admins’ to specify the maximum size and/or aspect ratio for logos when displayed on the main page or the sub category pages etc. There should be a consistent experience throughout the site irrespective of desktop category page style is selected.

NOTE: This setting affects both mobile and desktop rendering. It would be nice to have a separate view setting for mobile and desktop when the `desktop category page style` is set to `sub categories with featured topics`

---

_[View the full topic](https://meta.discourse.org/t/category-logo-sizes-are-uncontrolled/298256)._