Menu icon Foundation
Side Nav Doesn't show on medium screen

I've been working on a site that uses side-bar and I noticed that the sidebar menu items don't show on medium size screens. If my screen is maximized they show, then as the screen gets smaller it doesn't show (though I can see the mouseover action and see it in source). Then once the screen gets small enough those sidebar menu items show under the main content area. At first I thought one of my customizations may have caused this. But when I look at the Foundation Templates that use the sidebar I see this same behavior:

http://foundation.zurb.com/templates/sidebar.html

The sidebar couldn't have been designed like this purposefully. Has anyone noticed this? Ideas for a fix? Thanks

sidenavside-navmedium screen

I've been working on a site that uses side-bar and I noticed that the sidebar menu items don't show on medium size screens. If my screen is maximized they show, then as the screen gets smaller it doesn't show (though I can see the mouseover action and see it in source). Then once the screen gets small enough those sidebar menu items show under the main content area. At first I thought one of my customizations may have caused this. But when I look at the Foundation Templates that use the sidebar I see this same behavior:

http://foundation.zurb.com/templates/sidebar.html

The sidebar couldn't have been designed like this purposefully. Has anyone noticed this? Ideas for a fix? Thanks

Nic Edwards over 5 years ago

Here's the fix:

http://codepen.io/nemesisjoe/pen/Gsvky

The visibility issues had to do with it lacking a medium threshold for screen size, so it defaulted to small. Hope this helps!

David about 5 years ago

Thank you!