Tronico's picture

I have observed that when I upload a logo in the basis theme, it looks very small, is that normal?


Olafski's picture

You're right, the logo doesn't display very big. Depending on the site, it's however a good fit, in my opinion. See an example of my test site:

Screenshot with logo

If you want your logo bigger, you could override the corresponding CSS rules, e.g. from core/themes/basis/css/component/header.css:

.header-logo-tall img {
width: auto;
height: 100%;

and maybe also from core/themes/basis/css/base.css:

img {
    max-width: 100%;
    height: auto;
Tronico's picture

Yes, I fix it with the CSS injector module, but is it normal for the logo to look 60% smaller than the original?



I suppose you can add another CSS code:

img.header-logo {
width: 200px;
height: auto;

I am nut sure what is CSS selector in your case - img.header-logo or other but with correct CSS selector that rule should work.

And in "width" put the desired real width in pixels or % of parent block element width. This can be changed in responsive css rules for different screen sizes.