Arkanit Comments - Answer Overflow

Arkanit

•Created by Bulelani Botman on 12/27/2023 in #front-end

A Problem With Setting The <main> Content To Full Viewport!

Here's a quick solution: You can set scrolling to these elements with margin of your navbar's height:

#projects,
#welcome-section {
  scroll-margin-top: 58px;
}

#projects,
#welcome-section {
  scroll-margin-top: 58px;
}

Or set it for any element with id attribute:

[id] {
  scroll-margin-top: 58px;
}

[id] {
  scroll-margin-top: 58px;
}

Or set the paddings:

#projects,
#welcome-section {
  padding-top: 58px;
}

#projects,
#welcome-section {
  padding-top: 58px;
}

3 replies