How to add multiple versions of logo to my website
If you want to add different versions of logo to your website, follow the steps below:
1. From the WordPress left menu, go to Appearance > Customize.
2. From the Customizer left dashboard, click on Site Identity.
3. To add logo, select Logo in Site Logo section and insert your Primary Logo or any other logos you want to add to your website. The best size of the logo depends on your website design. In case you have a short header, it’s better to use the landscape dimension logo size. If you have a long header, it’s better to use a square size image as your logo. Regarding the quality, the best practice is to use an SVG logo to make sure it has the best quality in different devices and screen sizes.
4. Click on Close and Publish or Update the changes.
How to assign a different logo to mobile screens?
Using Logo Element you can easily assign a different version of the logo to your mobile and tablet screens. In order to do that, you would need:
1 – Add a different version of the logo from Customizer -> Site Identity.
2 – Save the customizer settings. Then in the Site Logo element, look for the Choose Logo option and click on the responsive option icon.
3 – Simply chose a different version of your logo for different devices and save the template or page.