Replacement logo visible on desktop but not mobile view, version 7.1

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

Hi,

On the home page of my site I have a dark background, so I am using a version of my logo with white text. However, the mobile view is showing the default version of the logo. How do I alter my javascript code to apply this to the mobile version of the page as well?

Here is my current code:

<script>
 window.onload = function() {
   document.querySelectorAll('.header-title-logo img')[0].src = 'https://static1.squarespace.com/static/5e1bc385dce55f319aa9bc76/t/5e2fcdd08cb7153a935183b0/1580191191614/blue-tiger-strategies-logo-white-text.png';
 };
</script>

 My site is bluetigerstrategies.com.

I still need help with this!

I see you solved?