Siiimple Menu Block

Look Demo

Give the menu block an updated simple style. This plugin uses css editor and works with all template families.

Screen+Shot+2019-10-18+at+12.30.23+AM.jpg

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: #000000;
  color: #FFFFFF;
  border-radius: 20px;
  margin: 5px;
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none !important;
}

// Menu Block Style //

.menu-block {
  background: #FFFFFF;
  border: 3px solid black !important;
  padding: 50px !important;
  border-radius: 10px !important;
}

Customize

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

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

License

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

Previous
Previous

GIF Mobile Menu Background

Next
Next

Your Own Menu Block Background