Jump to content

Remove Login Button from Top Navigation and Place in Footer

Recommended Posts

  • 2 weeks later...
On 4/6/2023 at 5:35 AM, WiseMarketingPro said:

Here would be great!  Under Insights.

 

image.png.d44a670b0f388915e961ea602c1e14f1.png

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>

image.png.172ac53f6b957f2bd9932b43bf940785.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...
  • 4 months later...
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

test-login.png

Edited by NotADev
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.