Buy me a coffee

Move Mobile Logo under Burger Menu Items

#1. First, you need to upload a Mobile Logo

move-mobile-logo-under-burger-menu-item-01-min

#2. Use this code to Code Injection – Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('.header-mobile-logo').clone().appendTo('.header-menu-nav-wrapper');
    });
</script>

move-mobile-logo-under-burger-menu-item-02-min

#3. Use this code to Custom CSS box

div.header-menu-nav-wrapper .header-mobile-logo {
        margin-left: 5vw !important;
        padding-left: 3vw !important
    }

move-mobile-logo-under-burger-menu-item-03-min

Result:

move-mobile-logo-under-burger-menu-item-04-min

 

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder