incorrect position in mobile layout

Hello,

You are correct that the issue is the mobile dropdown menu. When the menu slides up, it changes the scrolling offset value as it’s based on the menu selector.

It seems that your menu has 3 basic breakpoints for its height. I think that the best way to solve this is to use plugin’s hidden offset element.

Go to plugin settings and enable “Auto-generate #ps2id-dummy-offset element” option. Change the “Offset” option value from #g-navigation to #ps2id-dummy-offset and save changes.

Add the following to your CSS:

#ps2id-dummy-offset{
	height: 65px;
}

@media only screen and (min-width: 427px) {
	#ps2id-dummy-offset{
		height: 95px;
	}
}

@media only screen and (min-width: 1200px) {
	#ps2id-dummy-offset{
		height: 100px;
	}
}

Test it and let me know. The hidden offset element should match your menu height minus its slide-down state on mobile.

It works! You’re good and saved my day.

Thank you for very fast response and for the sollution. How can I donate you? 🙂

Awesome 🙂

Just remember that you can change the pixels values (in the CSS) to whatever your menu height is, in case it changes.

You can use this donate link that’s also included in plugin’s repo (under donate section) 🙂