Your Own Menu Block Background

Look Demo

Add your own background image to the menu block. This plugin uses css editor and works with all template families.

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.

// Menu Block Links //

.menu-block .menu-selector label {
  background: #FFFFFF;
  border-radius: 20px;
  margin: 5px;
  padding: 10px 20px;
  text-decoration: none !important;
}

// Menu Block Background //

.menu-block {
  background: url(IMAGE-URL-HERE) !important;
  background-size: cover;
  padding: 50px !important;
}

Customize

Menu Block Links: Adjust the background, border radius, margin, and padding values to your liking.

Menu Block: Replace IMAGE-URL-HERE with the url of your own image. You can also adjust the padding of the menu block.

License

This plugin comes with an Unlimited Use License. View License Terms