Remove Login Button from Top Navigation and Place in Footer

Hello, we'd like to remove the Account Login screen for members only area from the top navigation, and move it to the footer navigation. Is this possible? 

Hi,

If you share site url, I think we can use some script code to move it to Footer

On 3/19/2023 at 4:46 AM, tuanphan said:

Hi,

If you share site url, I think we can use some script code to move it to Footer

https://www.imagerycoaching.com/

Thank you

On 3/31/2023 at 10:50 PM, WiseMarketingPro said:

https://www.imagerycoaching.com/

 

Thank you

Thank you. Move it to this position or?

Here would be great!  Under Insights.

On 4/6/2023 at 5:35 AM, WiseMarketingPro said:

Here would be great!  Under Insights.

 

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('a.user-accounts-text-link').clone().appendTo('div#block-6419db7858fc56c90ebc3861 p');
})
</script>
<style>
  div#block-6419db7858fc56c90ebc3861 a:last-child {
    display: block !important;
}
div#block-6419db7858fc56c90ebc3861 a:nth-last-child(-n+3) {
    display: none;
}
</style>

Thank you! How do I remove it from the header?

On 4/17/2023 at 7:34 PM, WiseMarketingPro said:

Thank you! How do I remove it from the header?

Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('a.user-accounts-text-link').appendTo('div#block-6419db7858fc56c90ebc3861 p');
})
</script>
<style>
  div#block-6419db7858fc56c90ebc3861 a:last-child {
    display: block !important;
}
div#block-6419db7858fc56c90ebc3861 a:nth-last-child(-n+3) {
    display: none;
}
</style>

I am looking for the same thing, to move the member areas Account login from the top header to the footer. Site is www.buildhelm.com. 

On 5/3/2023 at 7:59 PM, buildhelm said:

I am looking for the same thing, to move the member areas Account login from the top header to the footer. Site is www.buildhelm.com. 

Can you enable Login? I don't see any login items on header

Hello, I want to remove the login altogether and not have it in the header or the footer. Please can you advise me how?

This is the site - https://www.julialandstudio77.co.uk/

On 4/19/2023 at 5:39 AM, tuanphan said:

Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('a.user-accounts-text-link').appendTo('div#block-6419db7858fc56c90ebc3861 p');
})
</script>
<style>
  div#block-6419db7858fc56c90ebc3861 a:last-child {
    display: block !important;
}
div#block-6419db7858fc56c90ebc3861 a:nth-last-child(-n+3) {
    display: none;
}
</style>

 

Hi! Thanks so much for providing this code. I attempted it on my site, but instead of just saying "Login" it says "Login Account" and refreshes the page when it's pressed instead of calling the auth function.
I'm assuming it says "Login Account" because when logged out, the header shows “Login” and when logged in, it shows “Account” and since we’re cloning before it decides if you’re in or out, we get both and we need to either detect that properly or try to change how it clones the top element. I cannot for the life of me figure out how to fix this or how to have the pop-up appear when you click the link(s).

Would you be able to recommend anything?

Link: https://tangerine-chartreuse-xehw.squarespace.com/config/

Code: TestSite1

Solved - created a class move-login for the text 'Login', made click function for unauth and auth so regardless of login status the box pops up. 

Am I right in thinking that this is not possible for people with a 'Personal' Squarespace account because code insertion is not supported on that account?

Thank you

On 6/20/2024 at 12:24 PM, RalexNSW said:

Am I right in thinking that this is not possible for people with a 'Personal' Squarespace account because code insertion is not supported on that account?

Thank you

Still possible with your plan but require some tricks, if you share site url, we can check easier.