Jump to content

Reposition account login link in nav bar

Go to solution Solved by Beyondspace,

Recommended Posts

  • Solution
37 minutes ago, tabithasuzette said:

Site URL: https://luminaryunion.squarespace.com/

My client would like the login button to be a part of the nav items on the left side of the logo. I couldn't figure out how to change it with flexbox or otherwise. Is this possible? I shrunk it for now but if it can be moved she wants it formatted the same as the nav left items.  

Screen Shot 2022-01-17 at 5.01.13 PM.png

Try adding to Home > Settings > Advanced > Code Injection, Footer

<script>
  (function(){
    document.addEventListener('DOMContentLoaded', () => {
      document.querySelector('.header-display-desktop .header-nav-list').appendChild(document.querySelector('.header-actions--right  > .user-accounts-link'));
    })
  })()
</script>

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 months later...
On 1/17/2022 at 5:44 PM, bangank36 said:

Try adding to Home > Settings > Advanced > Code Injection, Footer

<script>
  (function(){
    document.addEventListener('DOMContentLoaded', () => {
      document.querySelector('.header-display-desktop .header-nav-list').appendChild(document.querySelector('.header-actions--right  > .user-accounts-link'));
    })
  })()
</script>

Let me know how it works on your site

I totally forgot about this - but I put it in and it worked, thank you so much!! 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.