Planned site logo HTML markup changes

29 Nov

Squarespace have changed the HTML used to display site logos in the header of Squarespace 7.1 sites.

This was a planned change to allow browsers to choose the correct logo image based on screen size.

This change may impact custom code that has been added to a Squarespace 7.1 site to modify the site logo, if that site has a mobile logo uploaded. An example of the revised HTML is provided below:

  
    <picture>
  <source media="only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px)" srcset="mobile-image.jpg?format=1500w">
  <source media="only screen and (pointer: coarse) and (min-width: 1025px), screen and (min-width: 800px)" srcset="data:,x">
  <img src="data:,x" alt="site title test">
</picture>
  
  