A question about my finished portfolio

Hello everyone!

I finished my Portfolio page, but I’m having an issue with something. When you click the buttons at the top of the page you are brought to the correct section, but not to the top of the correct section. Can anyone shed some light as to why?

Also, when you scroll the appropriate button doesn’t become active. How do you do that?

Other than that, what are your thoughts?

okay, I think I know why the buttons don’t go to the top of the correct section…

when you click a link, the page actually does move to exactly at the top of that section – the problem is, the navbar covers up the top part of the section - this is a good article that talks about how to fix this issue: https://css-tricks.com/hash-tag-links-padding/ …you probably want to use the second method in the article, the one that uses pseudo-elements. If you aren’t familiar with those yet, then this article will get you up to speed: https://css-tricks.com/almanac/selectors/a/after-and-before/

for the scrolling & buttons becoming active functionality, you may want to check out the Bootstrap scrollspy plugin: http://v4-alpha.getbootstrap.com/components/scrollspy/

1 Like

Thank you, I figured it had something to do with the padding, but just wasn’t positive.

I’ll take a look at those links and fix.

Thanks again!