Title: WPuser_78's Replies | WordPress.org --- # WPuser_78 [ ](https://wordpress.org/support/users/wpuser_78/) * [Profile](https://wordpress.org/support/users/wpuser_78/) * [Topics Started](https://wordpress.org/support/users/wpuser_78/topics/) * [Replies Created](https://wordpress.org/support/users/wpuser_78/replies/) * [Reviews Written](https://wordpress.org/support/users/wpuser_78/reviews/) * [Topics Replied To](https://wordpress.org/support/users/wpuser_78/replied-to/) * [Engagements](https://wordpress.org/support/users/wpuser_78/engagements/) * [Favorites](https://wordpress.org/support/users/wpuser_78/favorites/) Search replies: ## Forum Replies Created Viewing 15 replies - 1 through 15 (of 38 total) 1 [2](https://wordpress.org/support/users/wpuser_78/replies/page/2/?output_format=md) [3](https://wordpress.org/support/users/wpuser_78/replies/page/3/?output_format=md) [→](https://wordpress.org/support/users/wpuser_78/replies/page/2/?output_format=md) * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] Responsive menu settings back-up](https://wordpress.org/support/topic/responsive-menu-settings-back-up/) * Thread Starter [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 6 months ago](https://wordpress.org/support/topic/responsive-menu-settings-back-up/#post-10995512) * Wow, Danke! it was right there. Sure it helps, All the best! * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] Push side menu jerky CSS transform transition in Chrome](https://wordpress.org/support/topic/push-side-menu-jerky-css-transform-transition-in-chrome/) * Thread Starter [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 8 months ago](https://wordpress.org/support/topic/push-side-menu-jerky-css-transform-transition-in-chrome/#post-10716251) * Done, I’ve made it! And now It works smooooth as a baby’s a** (in Chrome latest version, no other browsers or mobile, I’m not interested); I’ve modified like this: * ``` #responsive-menu-pro-button, #responsive-menu-pro-container, #responsive-menu-pro-header, button#responsive-menu-pro-button, .edge-wrapper { -webkit-transition: 2.6s ease; -moz-transition: 2.6s ease; -ms-transition: 2.6s ease; -o-transition: 2.6s ease; transition: 2.6s ease; -ms-transition-timing-function: cubic-bezier(0.96, 0, 0.13, 1); -moz-transition-timing-function: cubic-bezier(0.96, 0, 0.13, 1); -o-transition-timing-function: cubic-bezier(0.96, 0, 0.13, 1); -webkit-transition-timing-function: cubic-bezier(0.96, 0, 0.13, 1); transition-timing-function: cubic-bezier(0.96, 0, 0.13, 1); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; } #responsive-menu-pro-container.push-left, #responsive-menu-pro-container.slide-left { -webkit-transform: translate3d(-800px, 0, 0); -moz-transform: translate3d(-800px, 0, 0); -ms-transform: translate3d(-800px, 0, 0); -o-transform: translate3d(-800px, 0, 0); transform: translate3d(-800px, 0, 0); -webkit-transform: translate(-800px, 0); -moz-transform: translate(-800px, 0); -ms-transform: translate(-800px, 0); -o-transform: translate(-800px, 0); transform: translate(-800px, 0); } .responsive-menu-pro-open #responsive-menu-pro-container.push-left, .responsive-menu-pro-open #responsive-menu-pro-container.slide-left { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } ``` * Thank you once again Peter for your great plugin, time & interest! * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] Open Responsive Menu via a text element](https://wordpress.org/support/topic/open-responsive-menu-via-a-text-element/) * Thread Starter [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 9 months ago](https://wordpress.org/support/topic/open-responsive-menu-via-a-text-element/#post-10670984) * Oh, thank you for letting me know; It works like a charm. All the best, * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] Open Responsive Menu via a text element](https://wordpress.org/support/topic/open-responsive-menu-via-a-text-element/) * Thread Starter [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 9 months ago](https://wordpress.org/support/topic/open-responsive-menu-via-a-text-element/#post-10670931) * I’ve figured out, I’ve changed here: * ``` #responsive-menu-pro-header { padding: 0 5%; } ``` * Replaced with: * ``` #responsive-menu-pro-header { padding: 0 62px !important; } ``` * Now the menu header bar and the trigger button remain in place aligned [@no](https://wordpress.org/support/users/no/) matter what resolution. All the best, * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/page/2/#post-10577671) * Sure I’ll have a closer look. All the best, Thank you for your support ! * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/page/2/#post-10577650) * Hello there, congrim is the guy who provide that code on SO and I name the plugin file by his name. [https://stackoverflow.com/a/49763914](https://stackoverflow.com/a/49763914) * I’ve implemented but as I’ve said, at the moment doesn’t work with overflow:hidden; we will see if there is a workaround. * Regarding the above code, still unsure when we have to wrap using jQuerry for wordpress like `jQuery(function($) {}` when is fine to be used as is, but as long as we don’t have errors in browser console is fine …I guess (?) * Yes indeed, congrats! it’s a great highly customizable piece of plugin 🙂 All the best, * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/page/2/#post-10576854) * Oh sorry, my head is spinning, 2:30 AM here; I thought that is php … 🙂 I got it now; So in the end I’ll have two external js files, the congrim.js described on SO and your code – right? * I’ve merged both code sequences in the same file * ``` function lockScroll() { if ($('body').hasClass('lock-scroll')) { $('body').removeClass('lock-scroll'); } else { $('body').addClass('lock-scroll'); } } $(document).ready(function() { $('#responsive-menu-button').click(function() { lockScroll(); }); }); ``` * No errors, hope that is fine… please advise 🙂 * PS: thank you for your plugin, I’ve made the purchase there are a lot of option in pro, very nice plugin. - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/page/2/#post-10576825) * Will be just great thank you but, I suppose, I have to use a plugin or something to add custom php code … overriding these files – right? * Or in other words, where should I put your new php sequence please? Thank you, * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/page/2/#post-10576810) * I already implemented the js code and it’s working (manually tested inserting the `onclick="lockScroll();"` into the button element like I’ve said above); * here is the thread on Stackoverflow [https://stackoverflow.com/questions/51776867/how-to-prevent-body-from-scrolling-with-push-side-menu](https://stackoverflow.com/questions/51776867/how-to-prevent-body-from-scrolling-with-push-side-menu) * You’re right about what you’ve said is a poor user experience (in mobile, pretty annoying), but I’m not interested in having this webpage for mobile and hope to find a way to work also in `overflow: hidded;` way instead of `position: fixed;` * My earlier question was about how can I edit the php code (the button sequence) in order to have from this default output: * ``` ``` * to this with `onclick="lockScroll();"` included: * ``` ``` * Not so sure who generate this sequence in html, your plugin php files or the header.php theme? 🙂 * Thanks, - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/page/2/#post-10576670) * I’m pretty close, I’ve managed to make it work with `body` `position:fixed` at menu open. I’ll get back with news and I’ll purchase for sure the pro version. I’ll try to see if there are chances to make it work with `overflow: hidded`, will be the best option at menu open. * Do you have any idea, is there any possibility to define the button like this adding `onclick="lockScroll();"` ? As far as I can see there is not an option in settings, how about in php files to tweak manually, how can I edit the core files? I appreciate it, * ``` ``` - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/#post-10570599) * Damn, another Edge theme issue / Body lock, pretty much will not work. … I’ll decide and come back, thanks. * [https://responsive.menu/forums/topic/disable-background-scrolling-not-work-with-freestyle-themeedge-themes/](https://responsive.menu/forums/topic/disable-background-scrolling-not-work-with-freestyle-themeedge-themes/) * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/#post-10570490) * Hi, It will be great because, being again in the stage to not be able to use the plugin at his full specs it’s not nice (Purchased pro version, as I already had with ShiftNav) * More than that, I am asking because I don’t want to be considered beyond Terms and conditions, I just want to see if the body lock will work in my theme and will produce the desired effect. * Thanks, * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/#post-10570442) * Hello there, Thank you for your feed-back. I got that, I’ll try to tweak the existing code starting from here for example: * [https://stackoverflow.com/a/49763914/4642215](https://stackoverflow.com/a/49763914/4642215) * How about `Body_lock`, will preserve also the `header`, `footer`, and all the elements in place fixed at PushMenu-open? I am asking because, ShiftNav for example with this theme (in other theme it’s working), doesn’t apply the `Body_lock`; it will work ONLY if I disable Push effect, we have to use the Slide effect which is not the same thing, is not the desired effect. * Is there any possibility to try before buy this option (`Body_lock`) please into my theme? [http://www.neuegrid.com/ilinks-shiftnavprep/](http://www.neuegrid.com/ilinks-shiftnavprep/) * If you are able to make this happen using the Chrome console for example and to confirm with a screenshot will be great, I’ll purchase the pro version. * `Body_Lock` enabled should freez the `body` / `header`/ `footer` / all the page content at push-menu open, no scroll-y available; I suppose that we are talking about the same scenario. I really appreciate it, - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/#post-10569368) * I was wrong, the header is going up as well … So, to recap: at menu open or close, – Header / footer fixed (not going up at scroll in menu-open) – Background scene (body) fixed (not going up at scroll in menu-open) – Everything else, acting in the same way at menu open like in menu close. * Thank you, * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Responsive Menu - Create Mobile-Friendly Menu] How to prevent the body from scrolling when the menu is open](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/) * [WPuser_78](https://wordpress.org/support/users/wpuser_78/) * (@wpuser_78) * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-prevent-the-body-from-scrolling-when-the-menu-is-open/#post-10569255) * I suppose that `edge-ils-image-holder` keep the background in place, `position: fixed;`already even if we use `!important;` that’s the tricky part … - This reply was modified 7 years, 10 months ago by [WPuser_78](https://wordpress.org/support/users/wpuser_78/). Viewing 15 replies - 1 through 15 (of 38 total) 1 [2](https://wordpress.org/support/users/wpuser_78/replies/page/2/?output_format=md) [3](https://wordpress.org/support/users/wpuser_78/replies/page/3/?output_format=md) [→](https://wordpress.org/support/users/wpuser_78/replies/page/2/?output_format=md)