[Share] Add a Dropdown next to Logo

To add a dropdown next to header button, you can follow these.

#1. You can add a dropdown to Main Navigation

You can place any texts in Name, but in URL, use this URL: /logo-dropdown

#2. Use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('div.header-display-desktop div.header-nav-item:has(a[href="/logo-dropdown"])').appendTo('.header-display-desktop .header-title');
});
</script>
<style>
div.header-display-desktop .header-title {
    display: flex;
    justify-content: center;
    align-items: center;
}
div.header-title a.header-nav-folder-title:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
    position: relative;
    top: 2px;
}
div.header-title .header-nav-folder-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    opacity: 0;
}
div.header-title div.header-nav-item {
    position: relative;
    right: -20px;
}
div.header-title div.header-nav-item:hover .header-nav-folder-content {
    opacity: 1;
}
</style>

#3. Result