Anchor links apear too high - and under the menu bar

[lvandeemter]

Hi,

When I put anchor links in my site appear, the outcome is too high on the page and therefore they disappear under the sticky menu.
I looked for help in the support and saw some advices, but they are not helping.

• put the anchor links in the sections (they are)
• give the menu a heights (they have)

I saw a solution given: give padding - that will give enough control of the space…
But I do not want to give padding on those places.

Could you please advice how I can correct this in another way?

thank you in advance.

Liesbeth

[friech]

Hi Liesbeth,

Thank you for writing in, I am seeing a JS error on your site, would you mind removing this custom js?

• 
  
  
  

That is a PHP code, that supposed to be added on your child theme’s functions.php file, not on Theme Options > JS

Cheers!

[lvandeemter]

Thank you for helping out. I think I put it there in mistake. I will ask mij IT man to change that.

[lvandeemter]

Great that you helped me, but this is not an answer to the question I asked.
Can someone please help me with this?

Thanks.

[friech]

Hi @lvandeemter,

Thank you for the credentials, I see the issue now, your header does not have a static bar, the sticky bars that you have as you notice it has a delay before it shows up so it does not account/offset in the scrolling calculation.

What you need to do here is to set your bars to be Static (Sticky bar to Off), then duplicate just one (the menu bar), and make that as the Sticky Bar and Hide Initially.

Please refrain from using multiple Sticky bar because that will cause the offset issue. if you want to have the breadcrumbs on the Sticky bar, then you need to add that as a 100% flex-basis container and have the wrap children option on the Bar enabled so, that 3rd container will be under the first two (logo, menu)

Hope it helps,
Cheers!

[lvandeemter]

Thanks for your help. I will dive into it.
And let you know if I need more help.

Thanks again

[lvandeemter]

Perhaps I do not understand you clearly, but what you suggest give no more ‘room’. And the bar with header is still disappears under the menu.

I do have one sticky bar, at this moment. (the copy bar - as you showed above - I did remove for now)
My request is this:

F.i. NL site:
I click on Koel en vrieshuizen

What I would like to see is:

What I do see:

The above advice give an effect, but the (in this case) green bar with header, still disappears under the menu.

[ruenel]

Hello @lvandeemter,

I have removed this code in your custom JS section:

  
function custom_text_translate($translated) {   
  $translated = str_ireplace('Read More', 'Lees verder', $translated);
  return $translated; 
}
add_filter('gettext', 'custom_text_translate' );

And then when I click on the Koel en vrieshuizen link I am seeing this:

Can you please clarify a little further because from what I seeing, the section is displaying properly.

Best Regards.

[lvandeemter]

Thanks for helping me out.

And as of the green bar… I do not see it on mijn mac - logged in.
I tried a laptop - not loged in - there I see it jump to the correct place.
Don’t know what is happening there.

Both used chrome.
If it is oke on the front side, than it is oke by me. Thanks.

[christian]

Hey @lvandeemter,

I see the bar in the frontend not logged in. This means that on your end, you might be seeing the cached version of the page so please clear your browser’s cache and also temporarily deactivate browser extensions.

Thanks.

[lvandeemter]

Yes it works fine now. Thanks for your help.
As always: great!

[jade]

You’re most welcome, @lvandeemter.