Changing logo in J5/Purity IV setup, recommendations/documentation?

dnatsekila

I did the quickstart entry, downloaded JA Purity IV and installed it on a Xampp setup, that is, the setup is not online.
The documentation on changing the logo (the logo to the left of the main menu) tells me that from "Template Styles (site)", in the recommended default style, (for instance "purity_iv_default", I can select a png-file from the Media directories instead of the default png-file. What the documentation does not say is what are the requirements for such a logo-file. Also, I see other people have had issues with changing the logo, sometimes having to add css code in order to make the logo presentable. The problem is that suggested changes often does not specify which version of Joomla (or added templates or plugins).

My problem as you have probably guessed is that I have tried to replace the logo with svg-files, png-files, with different sizes and either the logo is squashed, non-existant and/or overlap the Hero-type pages. In short, for a Joomla 5 /Purity IV setup:
Does there exist an updated documentation page where I can find this information.
If not, what is a recommended size for a logo in a svg-file?
Or recommended size for a logo in a png-file?

Thank you for your attention!

supernoke

I have the same issue and question... I even made the picture the same size as the origionals but still shows the Purity logo?

xerse

Hi guys,
I can't give answers (we have to wait JA team), but I can give you some tips I discovered:

1) Use only Logo nd Logo (dark mode) in template style - site settings. Don't use Logo for mobile (left it without images). I don't know why but it create problems, like logo not visible, duplicated logo, etc. I suppose logo for mobile is planned when you have big logo sizes on desktop and need a small logo size on mobile. But I'm not sure. It dosn't works corectly.
Regarding your PNG issue, it could be possible you used teh mobile logo too.

2) SVG is not weell supported (it should require sizes fields that does not exists). SVG is seen as vectorial elements without a size. When you put an SVG it simply have no size and for this reason you have to use Custom CSS. You can find other posts where the CSS customization for CSS is a bit different, I don't know the logic and why it should be different, anyway you have to find the correct size for your specific logo.
One interesting thing is that in quickstart footer, purity logo is used as SVG defining as a custom module all size parameters (it looks to me as a proof that svg is poorly supported)

I'm using a jpg logo on footer and an svg logo on menu. not a smart thing. I hope JA team will answer and help to understand and clarify.

dnatsekila

Partial solution: Don't use the mobile logo!
I was not aware that a png had been entered in the mobile logo. When discovered and png removed from the mobile-logo entry, the squasing of my default logo disappeared!

Thanks for good suggestions and explanations.

saguaros

It's quite weird as I just downloaded the quickstart package of JA Purity IV template for Joomla 5 and installed in my local environment + changed the log for both desktop and mobile but it worked normally.

Do you have any site online now? kindly share the URL + super admin account + tell me the logo you want to use so I can check directly for you.

xerse

In your screenshot you have not used the "Logo on mobile". If you use different logos (ie big one on desktop, small one on mobile), you should see something goes wrong.

The other issue is that SVG logos require css configurtion to set size, and it's is not clear in documentation