Tanja Posted July 23, 2015 Share Posted July 23, 2015 my website must have an update for mobile users ....After looking and testing a lot of navigations I fall back every time to a special one.Menu effect on the german mc donald site (i don´t use link in spam protect here) - how to do this?Schrink to logo on scroll and expand on touch or mouseover?I don´t use any framework ;-)Hope you can give me tips Quote Link to comment https://forums.phpfreaks.com/topic/297440-navigation-hide-expand-on-scroll/ Share on other sites More sharing options...
Ch0cu3r Posted July 23, 2015 Share Posted July 23, 2015 This is not done with Javascript. The menu is styled using CSS. It swaps to pull down menu using CSS media queries based on the width of the device window. Heres a tutorial which creates horizontal menu collapse down to a vertical menu, uses nothing but CSS. http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/ Quote Link to comment https://forums.phpfreaks.com/topic/297440-navigation-hide-expand-on-scroll/#findComment-1517170 Share on other sites More sharing options...
Tanja Posted July 23, 2015 Author Share Posted July 23, 2015 Thanks, but that is not the major effect i´m looking for ....on example side you see logo and some links, if you scroll down there is only the logo left and it´s sticky. If you move over, you can see complete links (navigation) again .... Quote Link to comment https://forums.phpfreaks.com/topic/297440-navigation-hide-expand-on-scroll/#findComment-1517216 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.