Header + Scroll to section issue (Product Landing Page)

1

Hi everyone :slight_smile:

I am working on the Product Landing Page project, all the test are passed but I have an issue regarding the header and sections.

Here’s my codepen project : https://codepen.io/nicedennn/pen/RwWEqxq

Basically, when i click on a .nav-link object to scroll to the desired section, the section’s title is hidden by the header, even if I add a lot of margin above it. Anyone knows how I could fix this ?

Have a nice day :slight_smile:

2

The way I did this with my landing page was by adding a positive padding-top property and a negative margin-top property to the section selector. Both were set to the same absolute value, but one number was negative.

2 Likes
3

It worked, thank you so much ! :slight_smile: