WPuser_78

Wow, Danke! it was right there. Sure it helps,
All the best!

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!

Oh, thank you for letting me know; It works like a charm.
All the best,

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 matter what resolution.
All the best,

Sure I’ll have a closer look. All the best,
Thank you for your support !

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

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,

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 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.

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,

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

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:

    <button id="responsive-menu-button" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu" style="" >
    	<span class="responsive-menu-box">
            <span class="responsive-menu-inner"></span>
        </span>
    </button>

to this with onclick="lockScroll();" included:

    <button id="responsive-menu-button" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu" style="" onclick="lockScroll();">
    	<span class="responsive-menu-box">
            <span class="responsive-menu-inner"></span>
        </span>
    </button>

Not so sure who generate this sequence in html, your plugin php files or the header.php theme? ??

Thanks,

• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.

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,

    <button id="responsive-menu-button" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu" style="" onclick="lockScroll();">
    	<span class="responsive-menu-box">
            <span class="responsive-menu-inner"></span>
        </span>
    </button>

• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.

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/

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,

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

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?
https://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 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.
• This reply was modified 6 years, 3 months ago by WPuser_78.

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,

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 6 years, 3 months ago by WPuser_78.