search

dhg / Skeleton

Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development
http://www.getskeleton.com
MIT License
19.07k stars 3.15k forks source link

Skeleton for "toggle" menu #304

Open ghost opened 8 years ago

ghost commented 8 years ago

I want to share my simple "toggle" mechanism with you. No JavaScript is required. Just look at: https://github.com/andygeiss/mda.css Demo is available here: https://smart-endpoints.de/mda.css/

Important: Reduce window width to < 650px for the toggle :-)

I used the following technique to "toggle" (short): nav { display: none; } .toggle:hover + nav { display: block; }

Maybe worth a look.

saq1610 commented 8 years ago

@andygeiss Perfect! Just what I was looking for! A little more documentation would help a lot.

ghost commented 8 years ago

Thx for your feedback! I will try my best to optimize my documentation ;-)

ganeshkbhat commented 8 years ago

@andygeiss cannot see it working. The link is broken

ghost commented 8 years ago

@andygeiss @ganeshkbhat skeleton-plus includes a working navigantion bar (https://github.com/oltmannsdaniel/skeleton-plus)

ganeshkbhat commented 8 years ago

Thanks.