Logo top nav truncated on some window sizes

carine-k

Hi Joomlart Team,

Logo on top of website is truncated when browser's window is small. See screeen shots.
Could you help me to fix that ?
Thanks a lot
Carine

saguaros

Hi Carine,

In the 'Theme' settings of template, it has option so that you can add image for small and large screens, you can edit the image for small logo so it can display perfectly.

Regards

carine-k

Hi Saguaros,

I've uploaded small logo on template but I've still a truncated logo on on size of window and then... small logo and large logo appear together...

Thanks to help me to fix that bug.
Regards
Carine

saguaros

carine-k

You can open file:

/templates/ja_muzic/tpls/blocks/header.php

At approx line 28, look for this line of code:

 <img class="logo-img hidden-phone hidden-tablet" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />

Add 2 classes hidden-phone hidden-tablet as above

carine-k

Hi Saguaros,

Thanks for the code. It works but there's still one screen format with a truncated logo (see screenshot).
What can I do to have it full ?

Thanks & regards
Carine

saguaros

carine-k You can try this custom css:

@media (min-width: 992px) and (max-width: 1200px){
.logo.logo-image {
    width: 350px;
}
}

put into the file: /templates/ja_muzic/css/custom.css (Create this file if it doesn't exist)

carine-k

Hi Saguaros,

I've tried with this code and with = 250 and it does'nt change anything.
Website is live so you can have a look without log in.

Thanks
Carine

saguaros

carine-k

250 is not enough, you should change to a bigger value like 340px

Pls try again.

carine-k

Hi Pankaj,

I've tried with 350, 340, 300 and 250. It does'nt change anything !
I don't understand.

Sorry
Thanks
Carine

saguaros

carine-k Kindly update the login info so I can check (I asked in another topic)

And I'm not Pankaj lol

carine-k

Done !
Thanks
Carine

saguaros

Hi Carine,

I updated the same code with 340px and it's working now. Kindly check.

carine-k

Hi Saguaros,

There's still one window's dimension with truncated logo. Please see screenshot.

Thanks for your help
Carine

saguaros

carine-k It looks like you updated this code also in the 'custom.css' file:

.logo-image a {
    width: 300px;
    height: 109px;
}

I changed to 300px, kindly check.

carine-k

Hi Saguaros,

I didn't change anything since few days. But this code could be in place before.

Thanks a lot !
It's perfectly fine.

Regards
Carine