Jump to content

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

Recommended Posts

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.

Screen Shot 2020-08-30 at 7.45.08 PM.png

Screen Shot 2020-08-30 at 7.45.16 PM.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.