Ghost Plugins

View Original

Go Arrow Button Style (Header Version)

See this gallery in the original post

Description

An updated button style with an arrow icon for the header button. This plugin uses css editor and works with Squarespace 7.1.


How To Install

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

See this content in the original post

Customize

Button Padding:
Adjust the padding and border values to your liking. Button color and font style can be adjusted within your Squarespace website’s settings.

Arrow Icon Style:
You can change the arrow icon with your own by replacing the “➔” within content. Adjust the color, border, padding, and margin values to your liking.

Header and Mobile Menu Button:
The code works for both the header and mobile menu button. You can enable this button via header settings.


See this gallery in the original post