Turn Last Primary Nav Item Into Button

Install Steps

Turn Last Primary Nav Item Into Button

Submitted by sssupers Works with the Brine template family


Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Last Nav Item Into Button //

.Header-nav.Header-nav--primary a:last-child {
    background: #00CBBA; /* button color */
    color: #FFFFFF; /* text color */
    padding: 15px;
    border-radius: 30px;

Step Three

Replace both of the background and color values #00CBBA and #FFFFFF with the colors of your choice.

Feel free to adjust the padding and border radius to your liking.

Save and refresh the page. 👍

Moov Labs