Drop Shadow Style - Navigation Dropdown

Navigation BarHover Effects
Written By giannis katsaprakakis

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

Description

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

Add to Custom CSS 

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

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

Notes

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

Customizable Options

  • Border Style

  • Box Shadow

giannis katsaprakakis https://www.bykatss.com/
Previous

Custom Colors - Navigation Dropdown
Next

Gradient Background - Announcement Bar