Scroll top anchor does not go to top of site

[jvedder]

I clicked on scroll top anchor in the Miscellaneous section of Pro Theme Options. The options shows up on the website, but when you click on it you do not return to the top of the website. Nothing happens!

Pro 4.0.11
WordPress 5.6

[kory]

@jvedder, I have tested this across all browsers and platforms available to me (Android, iOS, Windows, MacOS, Chrome, Edge, Safari, Firefix, et cetera) and the scroll top anchor does indeed work as expected. After logging into your site, I can see that the scroll top anchor is obstructed by some 3rd party markup:

I’m not sure what is creating that .sfm-rollback element in your HTML, but that is the culprit. You will either need to remove it / the plugin creating it, or adjust the styling of the .x-scroll-top element to have a higher z-index than the offending markup. The .sfm-rollback element has z-index: 3000000 set for itself, so if you were to do something like the following for the .x-scroll-top element, it should get the button working again:

.x-scroll-top {
  z-index: 3000001
}

That worked in my testing, but if it doesn’t seem to take affect for you, try a higher number or a selector with greater specificity. You can add this styling to your child theme’s stylesheet or into the Global CSS editor.

Hopefully that helps to get you on the right track. Cheers!

[jvedder]

.sfm-rollback is from Superfly menu, which is bundled with PRO. I am assuming that if you bundle these products they should work together - is that a correct assumption?

I will try your suggested css fix. The CSS you provided did fix the issue. But please heed the message about bundled plug-ins not working together.

[kory]

@jvedder, they do work together, that being said it is impossible to account for the infinite variations of markup and styling that any particular plugin could introduce into a website. We have options to change the side of the screen that the scroll top anchor is placed on, as does Superfly with their menu configurations, so reasonably this could be “fixed” by adjusting those settings, but if a user does want them to both be on the same side, this z-index fix would be needed. In fact, I would probably recommend that you place your scroll top anchor on a different side of the screen than your Superfly menu to avoid any potential overlay when the Superfly menu is open.

Thanks!