Tronico's picture

Posted by Tronico on Sun, May 31, 2020 - 11:55am

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

Comments

Olafski's picture

Mon, Jun 01, 2020 - 7:53am by Olafski

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

Tue, Jun 02, 2020 - 12:34am by Tronico

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

Gracias.

 

Tue, Jun 02, 2020 - 3:06am by amilenkov

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.