malihu

Hello and sorry for the late reply. The issue is that the note section is hidden on mobile. When a block is hidden the page does not scroll to it. The CSS causing this is this one:

@media only screen and (max-width: 767px) {
    .et_pb_column_41, .et_pb_column_42 {
        background-image: radial-gradient(ellipse at center, #3e005b 28%, #1a0023 100%);
        display: none !important;
    }
}

You can fix this by either removing the display: none !important; part or by overwriting in your additional CSS like this:

@media only screen and (max-width: 767px) {
    .et_pb_column_41, .et_pb_column_42 {
        display: block !important;
    }
}

Let me know 🙂

Sure. Please check the offset option info here:

https://manos.malihu.gr/page-scroll-to-id-for-wordpress/#plugin-settings-offset

Let me know if you need more help

OK. Have you set a “Highlight selector(s)” in plugin options? If not, can try a non-existing one like:

.nothing

Save changes, test and let me know

Indeed, it’ll overshoot the amount of images stacked on top of each other, before masonry does its thing. The only way to overcome this (since you already have plugin’s options to auto-correct scroll enabled) is exactly what you did, i.e. set a height value for the masonry container.

Keep in mind that this will happen with or without smooth scrolling.

You could also try to give a small delay when scrolling from/to different pages and see if it fixes the issue without having to set a fixed height (this depends on how the masonry script works):

Go to plugin settings and set a value like 500 to “delay for scrolling to target on page load” field. Save changes and test with/without the fixed height.

You’re welcome 🙂

Also, can you keep “Append the clicked link’s hash value to browser’s URL/address bar” option disabled?

You could also try adding the following to your CSS to adjust the titles gap:

#our_services h2.elementor-heading-title, 
#core h2.elementor-heading-title{
	padding-top: 60px;
}

Hello,

There’s another script in your page/theme that readjusts page scrolling everytime you scroll the page. You can test this by simply scrolling the page and see it readjust to the section (i.e. snapping the section to the top).

Is there a way to disable this?