This tutorial will show you how to make your last navigation item a button in Squarespace 7.1.

Complexity: Easy

Step 1

Simply copy the css code below. Then head to ‘Design’ and then ‘Custom CSS’ and paste the code.

Step 2

From your Squarespace account, go to the Custom CSS Editor and paste the code into the Custom CSS editor box.

Step 3

Add the code below if you want a hover effect on the button.

If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.

All work in this guide is provided ‘as-is’. Other than as provided in this agreement, this guide makes no other warranties, expressed or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a developer.