Buy me a coffee

Change Dropdown Menu to Fullwidth Nav

#1. Add this code to All Pages in the Member Area Page Header Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('.header-display-desktop nav .header-nav-folder-content>div').appendTo('nav.header-nav-list');
});
</script>
<style>
nav.header-nav-list>div:nth-child(1) {
    display: none;
}

nav.header-nav-list>div {
    margin-left: 1.2vw !important;
    margin-right: 1.2vw !important;
}
</style>

change-dropdown-menu-to-fullwidth-Nav-member-area-01-min

#2. Result

change-dropdown-menu-to-fullwidth-Nav-member-area-02-min

change-dropdown-menu-to-fullwidth-Nav-member-area-03-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