Add a Line or Border to Your Navbar - Aaron Meyers

Add a Line or Border Around Your Navbar

This code adds a line underneath each menu item. You can change the border-left, right, bottom, etc as you'd like. The padding command adds 7 pixels on the top and bottom and 0 pixels on the left and right. Feel free to change this to suite your desires. The first number in the padding is the top, the second number is right, the 3rd is bottom, and the 4th is left.

/* Add a line underneath each link in the menu (nav) bar */
.sm-page-widget-nav-toplink, .sm-page-widget-nav-toplink:last-child {
  border-bottom: 1px solid #595959 !important;
  padding: 7px 0px 7px 0px !important;
  width: 90%;
  margin-bottom: 0px !important;
}

Comments

Powered by SmugMug Log In