search

digicorp / propeller

Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
http://propeller.in
MIT License
1.13k stars 139 forks source link

sidebar nav bug on mobile #2

Closed d3vhound closed 7 years ago

d3vhound commented 7 years ago

example Maybe I should rewrite some css or start over but the sidebar has a problem with users scrolling down on mobile. If a person scrolls down too much the nav is unable to be exited out of unless you refresh the page. I've looked at the sidebar on propeller's website and when scrolled down on mobile it auto closes. Is that a default feature? I would like to have that since it seems like the only solution.

supriyaagnihotri commented 7 years ago

Hello, Ideally the sidebar overlay should stay as long as user does not click on any sidebar link. But in Propeller with a long scroll down, the overlay gets disappeared due to which you are unable to close the sidebar. Please add below code in your CSS file to fix this issue: body.pmd-body-open{ position:fixed;}

Another thing that we could understand from your concern is that you want the sidebar to get auto closed whenever a new page gets open or you click on any of the sidebar link. For this we have added a custom jQuery function for our propeller sidebar. Please add below code in your file and you will get needed output: " $('.pmd-navbar-sidebar .navbar-nav li > a').on( 'click', function() { $('.pmd-navbar-sidebar').removeClass('pmd-sidebar-open'); $('.pmd-sidebar-overlay').removeClass('pmd-sidebar-overlay-active'); $('body').removeClass('pmd-body-open'); }); " Hope this helps.