Social Icons In Hamburger Menu

Look Demo

Show the active social icons within a mobile hamburger menu. This plugin uses code injection and works with the Brine template family.

How To Install

From your Squarespace account, go to Site Code Injection. 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>

Customize

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

Notes

No notes.