One-page site anchor problem

Hello again, after several searches, I found this code which works. On the other hand, it’s strange, with another theme, no need for this code, I think there is a code already integrated into Blocksy.

<script>
window.addEventListener( 'elementor/frontend/init', function() {
if ( typeof elementorFrontend === 'undefined' ) {
return;
}
elementorFrontend.on( 'components:init', function() {
elementorFrontend.utils.anchors.setSettings('selectors',{});
} );
} );
</script>
<style>
html, body {
scroll-padding-top: 100px;
}
@media (prefers-reduced-motion: no-preference) {
html, body {
scroll-behavior: smooth;
}
}
</style>

EDIT : On the other hand, on mobile, this poses a problem because you also have to adapt…

Hello @qwack

Do you happen to have a live URL where we could check a few things out? ??

Thanks.

Hi @cteduard

Yes, demo : https://projet.webbih.com/wptest34

See : https://i.postimg.cc/3NmShMnT/Capture.png

I created a menu with 3 links (One-Page site), with 3 sections. Normally, if we click on a link in the menu, it should arrive on the section, for example, Home1, it should go up again because there is space as we see in the image below -above.

Do you understand ? Sorry, my English is not perfect.

Thanks.

Hello @qwack

Hmm, I see a couple of discrepancies on the site which make me think that this may not be a theme problem.

Before I go into too much detail, can you please run a quick test for me to see if the issue still reproduces? Temporarily switch to one of the default 202x themes and run this test again.

Thanks.

Hi @cteduard

Sorry for the late response.

In fact, there is a problem with Elementor’s Flexbox Containers option, regardless of the theme (I tried on other themes, it’s the same thing).

I disabled Flexbox Containers, it works, even on Blocksy, see : https://projet.webbih.com/wptest34/

I don’t understand why the sections don’t go to the top with Flexbox.

Thanks.

Hi @qwack

I understand, though our developers are still looking at this to see what might’ve gone wrong. I will update you as soon as I get something from their side.

Thanks!

Hello @qwack

After a long and thorough investigation, we have come to the conclusion that Elementor is fully at fault here. We are not sure what they have changed with their plugin, but the issue has consistently reproduced on other themes as well. At the same time, they are also hijacking the entire scrolling mechanism, which isn’t really a good thing to do.

What remains a mystery is why the scrolling mechanism came back when downgrading. Though, after a few more tests we came to the conclusion that even downgrading does not work anymore. Elementor has released some very weird updates. ??

Sadly, the only recommendation that remains would be to contact Elementor and insist on having this reverted.

Hope this clears things up!

Thanks.