navbar off the bottom of screen

Jamesbjenkins · August 16, 2013

So, I'm working within SM's built in navbar setup, accordion style, with my links. The problem is that the last three links are off the bottom of the page, and there's no way to scroll to them. This may be a question for a hero, as it may be a bug, but I'm not sure. My gut says something isn't working properly.

Is there any way to share my as-yet-to-be-unveiled new SM site so you guys can take a look?

If it's as simple as "you have too many links in your navbar", then what's the CSS I should use to decrease the massive amount of empty space between my links?

Thanks in advance for your help!

Allen · August 16, 2013

Horizontal or vertical nav? Sounds like vertical. Is this just the flyouts?

You can add this CSS to make the buttons shorter so the total flyout height is less.
I added this in "site wide" CSS.

     /* shorter menu drop buttons */
.yui3-menu-item>.yui3-menu-label {
  padding: [COLOR=Red]1px[/COLOR] 46px [COLOR=Red]1px[/COLOR] 22px;
  border-width: 0 0 1px;
  border-style: solid;
}

Reducing the top and bottom padding is the trick.

Jamesbjenkins · August 17, 2013

Yes, vertical. No, not just the flyouts. The first level links are off the bottom of the page. It's impossible to scroll to them.

Looks like a glitch to me.

navbar off the bottom of screen

Comments