Social Icons In Hamburger Menu

Install Steps

Social Icons In Hamburger Menu

Submitted by Purple Giraffe Works with the Brine template family

mobilesocial.png

Step One

From your Squarespace account, go to Code Injection: Settings > Advanced > Code Injection

Step Two

Copy and paste the code below into the Header Code Injection box.

<script>
Y.on('domready', function(){
var mobileSocial = Y.one(".Header-social").cloneNode(true).addClass('.mobile-social');
Y.one(".Mobile-overlay-menu-main").append(mobileSocial);
});
</script>

Step Three

Make sure the social icons are visible in the main header. Their color will remain the same in the mobile hamburger menu.

Save and refresh the page. 👍

Moov Labs