logo size change not working for JA Blockk

mberwing

Hi there,
logo size change not working for JA Blockk.

I followed instructions as follows but there is no change.

I created custom.css and placed this file to /templates/ja_blockk/local/css/custom.css
I cleared Cache in Joomla and in Browser....but no change and still default size of the logo.

@media (min-width: 450px){
.navbar-brand .logo-img {
max-height: 100% !important;
}
}

Can you please help and let me know whether the file location is correct.
I also placed the custom.css to /templates/ja_blockk/css/custom.css
But this is also not working.

Regards
Markus

saguaros

HI Markus,

It must be cache from your browser as I can see the change for logo on your site now:

mberwing

Hi Saguaros,

thanks a lot for your fast reply....as always appreciated !

I checked with different browsers and still no changes and logo is still too big.

The logo size is 300 x 288 but on the homepage the logo is still far too big.

with @media (min-width: 300px) it is obviously not working.

changing to max-width it is too small.

Our target is that the logo size is exactly 300px.

Since I am not a css expert, I am sure you can help.

Regards
Markus

saguaros

Hi Markus,

I'm bit confused as I can see that homepage and other pages has logo size of 300 x 288 already now.

mberwing

Hi saguaros,

I have performed another test case and uploaded new logo 'orange-logo.png' with original size of 300 x 288.

Whatever size I use for min-width, there is always same large size (zoomed) size on frontpage.
I can use 300px, 400px, 800px ...whatever...it is always same large size (around 500px).

If I use max-width instead and use the actual logo size of 300, then I do get displayed a very small image that looks 50px.
I can use 400px or 800px or whatever.....there is always this very small image.

I just would like to get displayed the actual size of my logo ....but it is not working.

Regards
Markus

saguaros

You need to change the max-height value as you wish:

.navbar-brand.logo-control img.logo-img {
    max-height: 80px;
}

mberwing

Hi Saguaros,

alright...this is working now.
Perfect.
I will make a record for future logo issues.

Thanks and regards
Markus

saguaros

Glad to hear that!

Let me know if you need further help then 😉