7.1 - Add second button to Navigation

Site URL: https://how-you-move-lab.squarespace.com/home

For this website: howyoumovelab.com/home we want to add a second button to the navigation with the same style as the current button. We want the button to say "View Your Report" and link and link in a new tab here.

This is how we want it to look:

@tuanphan @bangank36 Thanks!

You can achieve this layout by adding a button at footer then moving it to header via javascript code. What is your plan?

@bangank36 Yes can you supply the code for this? I added a button to the footer. 

@TVB Don't remove any code in your current code.

Add this to Last Line in Code Injection > Footer

<script>
  $(document).ready(function() { 
		$('footer.sections .button-block').insertBefore('.header-title-nav-wrapper');
	});
</script>

@tuanphan on mobile it looks strange. Can we add the button into the menu on mobile like the other button is?

19 hours ago, TVB said:

@tuanphan on mobile it looks strange. Can we add the button into the menu on mobile like the other button is?

 

 

Remove the code & use this new code

<script>
  $(document).ready(function() { 
		$('footer.sections .button-block').insertBefore('.header-display-desktop .header-title-nav-wrapper');
	});
</script>

It will remove problem on mobile. When you've done it, let me know. I will check code to add button into mobile menu

@tuanphan is there any way to have the button show on mobile in this menu? Above the other button? Thank you!(:

20 hours ago, TVB said:

@tuanphan is there any way to have the button show on mobile in this menu? Above the other button? Thank you!(:

 

Add this new code

<script>
  $(document).ready(function() { 
		$('footer.sections .button-block').insertBefore('.header-display-desktop .header-title-nav-wrapper');
    $('header#header .button-block').clone().insertBefore('.header-menu-cta a');
	});
</script>