SVG animated logo

Site URL: https://www.europeanchampionships.com/

Hi, 

I've been trying to look into adding an animated svg logo to our site (https://www.europeanchampionships.com/). I know it can be done, but I'm not sure which is the best way to do it. Can anyone provide some recommendations please? 

Thanks in advance for any help you can provide. 

You want to change current logo with svg logo. Is this right?

Do you use Personal or Business Plan or higher?

Thank you tuanphan for your reply! 
I'm on Business Plan. Yes I want to change the current logo to an svg animated logo, ideally keeping the blue 'flag' that is behind the logo. 

Add this code into Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".header-title-logo img").attr("src", "https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg");
});
</script>

Replace beaverhero with new logo url

Thank you tuanphan!

Will this work even with an animated SVG?

On 12/16/2020 at 4:31 PM, MPS said:

Thank you tuanphan!

Will this work even with an animated SVG?

I'm not sure. You can try.