incorrect position in mobile layout

  • Resolved kuldaoo

    (@kuldaoo)


    12 months ago

    Hi,
    first of all, thank you for the great plugin. There were no troubles until I updated all the plugins after about a year after finishing the project.

    Anyway, the issue is only in the mobile layout. It scrolls to an incorrect position (probably because of some troubles with the mobile dropdown). It can be “workarounded” by enabling “Verify target position and readjust scrolling (if necessary) after scrolling animation is complete” but the behavior is still not ideal because the correction is just too visible.

    Does anyone have any idea how to get it to work without the readjusting feature? I already tried most of the settings options combinations but no luck

    Thanks, Ladislav

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author malihu

    (@malihu)

    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.

    Thread Starter kuldaoo

    (@kuldaoo)

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

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

    Plugin Author malihu

    (@malihu)

    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) ??

    Thread Starter kuldaoo

    (@kuldaoo)

    Yes, thank you. Great. Donated ??

    Plugin Author malihu

    (@malihu)

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘incorrect position in mobile layout’ is closed to new replies.

Tags