Page anchors with multi language

Hi!

I’m trying to figure out a problem with front page anchors.
I have a long page as a front/ landing page where I’ve set anchors.

Now, the menu link works fine when I am on the front page itself and scrolls to correct spot on the page. But if I navigate to another page and then try getting back to front page anchor, the anchor seems to work at first but the the page scrolls down a bit and I land to incorrect place.

Is there any tip or workaround for this?

Cheers!

Hi @FriggJarkko

The problem wasn’t in the anchor links, it works fine. The thing is that on your homepage, there is this Artist Grid which needs a couple of seconds to be loaded on the homepage expanding the section height, which alter the position of the next section hence the false positive anchor link navigation issue.

So, I’ve edited this Artist Grid section, giving it a min-height of 985px to prevent this issue:

I inserted this code in the element CSS section:

$el {
  min-height: 985px;
} 

Check this screenshot:

Thanks.

1 Like

Thanks! Clever solution! I need to play around with the grid settings and the values a bit, so that there won’t be a big white gap under the grid when resizing the browser window smaller.

Many thanks!

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.