Do you want to change the logo on hover in Elementor? Changing the logo on hover can add an additional interactivity to your website, especially If you have two variations of the logo or just want to add some animation to your logo on hover.
With the Site Logo widget from The Plus Addons for Elementor, you can easily change the site logo on hover in Elementor.
To check the complete feature overview documentation of The Plus Addons for Elementor Site Logo widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.
To do this, add the Site Logo widget to the template and follow the steps –
Note: To create the template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.
1. Select Double from the Logo Normal/Double dropdown.
Now, you’ll see two sections to add two different logos.
2. After selecting the appropriate image type from the Logo Type dropdown, select the normal logo image from the Image Logo/Only Svg Logo section.
Set the appropriate logo size.
3. Then select the hover logo image from the Hover Logo Image/Hover Svg Logo section and set the appropriate logo size.
Now you’ll see a different logo on hover.
Also, read How to Change Logo in Sticky Header on Scroll in Elementor.