Using a link to go to element with ID not working how I want

Community resources General
1

Hey Guys, I am creating my portfolio website and my in page link is not working how I would want it to. I want the selected section with id visible when I clink the link but it hides behind my fixed nav. I would like some help fixing the same. Thank you.
Link:
https://preview.webflow.com/preview/myportfolio-b75530?utm_medium=preview_link&utm_source=designer&utm_content=myportfolio-b75530&preview=ffb6e78a729806b90d5270b34a048c21&pageId=6206d93fffd3432094cab4ab&workflow=preview
How it is working rn:

Screen Shot 2022-02-17 at 6.02.46 PM
Screen Shot 2022-02-17 at 6.02.46 PM1920×1200 82.4 KB

Screen Shot 2022-02-17 at 6.03.49 PM
Screen Shot 2022-02-17 at 6.03.49 PM1920×1200 135 KB

How I want it to
Screen Shot 2022-02-17 at 6.04.37 PM
Screen Shot 2022-02-17 at 6.04.37 PM1920×1200 130 KB

2

Some people solve this by placing a spacer div as the first child after the header where the height is equivalent to the fixed header on the page. Others add a margin-top on that first element. However, there is a CSS property for this situation, but it takes custom code. See scroll-padding | CSS-Tricks - CSS-Tricks

3

Hey! Thank you so much for your tips. So strangely enough it works the way I want on the live view window on Webflow and also on my iPad. But it’s not working on my chrome and safari browser. not sure why?

4

Maybe this is a technical fault with Webflow?

5

So I checked on my friends laptops and its working perfectly fine except one my browser!