By default, we use 2 logos in this JA Muzic template: home (in header) and footer logo and both are hard code via css. We add it via css because, template has different theme and for each theme, you can set it via associated css file.
You can also use the logo image upload section in template manager, it will replace the current logo in header.
If you want change home logo, open file “templates/ja_muzic/css/template.css” find css code :
I don’t think you got my point. The bug is if we upload the top logo using the Template manager, the NEW LOGO APPEARS ON TOP of the old one… Old one shows behind it… Till we go into the CSS file and comment it out..
.t3-footer .brand a {
background: url("../images/highlight-logo.png") no-repeat top left;
width: 120px;
height: 31px;
display: block;
}
changed to:
.t3-footer .brand a {
background: url("../images/highlight-logo.png") no-repeat top left;
width: 83px;
height: 73px;
display: block;
}
After making these changes, I checked the responsiveness and encountered the following issues with the logo (see attached image):
The logo is obviously cropped at lower resolutions. I know I’m not the only one running into this issue because I’ve seen several posts about the JA Music Logo. So how exactly is this issue resolved. It would be nice if the resolution was posted publically so members can make the changes without having to wait for a response or assistance from a JoomlArt team member.
With your case, please go to backend > template manager -> Theme -> choose your own logo image ( Logo type Image is selected first ) -> Save.
The problem will be fixed.
If setting logo via css, it has responsive problem. We are checking and will fix and update it in next version.
Thanks for the following advise:
<em>@Css Magician 403981 wrote:</em><blockquote>
Please go to backend > template manager -> Theme -> choose your own logo image ( Logo type Image is selected first ) -> Save.
The problem will be fixed.
If setting logo via css, it has responsive problem. We are checking and will fix and update it in next version.</blockquote>
Unfortunately when using the Template Manager method, the logo still has responsive issues. The logo I am using is cropped when in lower screen resolutions (e.g. tablet or handheld mode). Ideally the template will adjust the logo to the appropriate height or the template will adjust the header to the height of the logo.
By default, it appears the JA Muzic template does not adjust the logo to the appropriate height when in lower screen resolutions. Nor does the template adjust the header to the height of the image when in lower screen resolutions. I’m not certain what is causing the issue at this point. It would be extremely helpful if JoomlArt would post a manual fix to this issue until the next template version has been released.
<em>@ggoswami 391180 wrote:</em><blockquote>I don’t think you got my point. The bug is if we upload the top logo using the Template manager, the NEW LOGO APPEARS ON TOP of the old one… Old one shows behind it… Till we go into the CSS file and comment it out..</blockquote>
@ntonline: Thank you for putting the dev url here. I have looked into your previous reply and compared the logo now on different responsive views, I see that the logo displays properly on header block on the lower resolutions now.
However, it is recommended to upload the logo image with higher resolution rather than existing size (141×36 px). It will help to display the logo a little bit better on responsive devices, even on desktop view.
Saguaros 10 years, 7 months ago.
