Turn Last Secondary Nav Item Into Button

Install Steps

Turn Last Secondary Nav Item Into Button

Submitted by sssupers Works with the Brine template family

static1.squarespace-1.jpg

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 2nd Nav Item Into Button //

.Header-nav.Header-nav--secondary a:last-child {
    background: #242424; /* button color */
    color: #FFFFFF; /* text color */
    padding: 15px !important;
    border-radius: 30px,
}

Step Three

Replace both of the background and color values #242424 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