T3-header is too high

andrewwinkler

I can't get it to work. The T3 header block remains very high, which wouldn't be a problem if the logo wasn't scaled down from 371px × 64px to 139px × 24px. I'd prefer the logo in its actual size so that the slogan can be read without a magnifying glass.

Here are my related - but ignored - custom.css overwrites:

.logo-image img {
    height: 64px!important;
    padding-top: 4px!important;
	padding-bottom: 4px!important;
}
.navbar-nav>li>a, .navbar-nav>li>span {
    padding-top: 4px!important;
    padding-bottom: 4px!important;
}

Ninja

andrewwinkler
Hi
If you can give a sreenshot from your site and illustrate your changes it help a lot of understand what exactly change you want.

andrewwinkler

Ninja

andrewwinkler
Use this code in custom.css

.logo-image img {
    height: 108px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
}
.logo-image img {
    max-height: 43px;
}

set height as per needs.

@media (min-width: 992px){
.navbar-collapse.collapse {
   padding-top: 10px;
}}

andrewwinkler

Sorry, but that made no difference to the size of the logo. For some reason, though, the main menu is now aligned with the article content area, which is great. Thanks for your help on that one.

andrewwinkler

The menu/log block is a mess. It is different when the user is logged in and out.To make it easier to troubleshoot I have now commented out all custom.css settings and disabled all caching.

Ninja

andrewwinkler
Hi
You have added backslash in the code http://prntscr.com/qbbao6
kindly remove it and use the code i suggested it will work fine.

andrewwinkler

I had temporarily disabled the logo settings to help with the troubleshooting. It's enabled but the logo is still being scaled down, ignoring the custom.css overwrite.

Ninja

andrewwinkler
Hi
If you will not apply the changes how it will work?
See your custom.css http://prntscr.com/qbt67y
Do not forget to clear Joomla and server cache.

andrewwinkler

I've actually removed those comment slashes a while ago and delete the cache. However, the custom.css overwrites

.logo-image img {
    width: 371px!important;
	height: 64px!important;
	max-width: 371px!important;
    max-height: 64px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}

still don't the make the logo be displayed in full size. It's still getting scaled down.

Ninja

andrewwinkler
Hi
it seems you have server side cache as custom.css is still same http://prntscr.com/qcclt5
https://infinitymind.consulting/templates/ja_mixstore/css/custom.css

andrewwinkler

I've tried everything I could think off. I've disabled all cache, set the template to development mode, disabled JCH Optimize, it made no difference. Then I worked out the cause: Cloudflare. After setting it to "Development Mode" the logo suddenly got displayed bigger. Still partially scaled, but bigger.

andrewwinkler

Update: It's all good now.