Accordion Menu: Height Spacing / Indent Long Links - Aaron Meyers

Accordion Menu: Fix Height Spacing and Left Indent Long Links

In the accordion navbar you can control the height of the lines using the following code: Add to your theme's Advanced CSS settings:

/* Accordion navbar: Make the line spacing height smaller */
.sm-accordion-item-label {
  line-height: 15px !important; /* Fix the line height so there isn't as huge of a gap between lines */
  padding-top: 15px; /* Add space above the text, that was removed by the above line */
  padding-bottom: 15px; /* Add space below the text, that was removed by the above line */
}
Tweak the numbers above as desired. If you have very long links they may extend beyond the width of your navbar. If that's the case, and you'd like the additional lines to indent, use the following code: Add to your theme's Advanced CSS settings:
/* Accordion navbar: Left indent the navbar links */
.sm-accordion-item-label {
  text-indent: -30px; /*this pulls the first line to the left*/
  padding-left: 35px;/*this pushes the paragraph to the right*/
}
Tweak the numbers above as desired. From: http://www.dgrin.com/showthread.php?t=241995

Comments

Powered by SmugMug Log In