Drop Shadow Style - Navigation Dropdown


Plugin Details

Add a drop shadow and border style to the navigation dropdown.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add To Custom CSS

// DROPDOWN NAVIGATION - DROP SHADOW AND BORDER STYLE - GHOSTPLUGINS.COM //

.header-nav .header-nav-item--folder .header-nav-folder-content {
  border: 1px solid #eee;
  filter: drop-shadow(0 0 1rem #eee);
}

Customizable Options

  • Border Style

  • Box Shadow

Notes

Link color, size, and font family can be changed in Squarespace settings like normal.


Previous
Previous

Turn Off Main Link - Navigation Dropdown

Next
Next

Custom Colors - Navigation Dropdown