Hey fellow campers! I finally finished the portfolio project and would love some feedback / criticism. I am currently having trouble making the navigation bar responsive or collapsible, if anyone has any advice for that I’d love to hear it.
At full screen the nav looks the way I intended for it to look.
1 Like
Hi Abel!
I really like your portfolio page. It’s really clean. The only issues I can see are the icons do not link to their respective sites and the nav doesn’t take you to the different sections of your portfolio page which are both requirements for the project. You can use an anchor tag to link to another site. This link should help with making the nav responsive when displayed on a smaller screen and with scrolling through the menu via the buttons in the nav bar. http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp Hope this helps! Other than that it looks really good!
Hi Abel, your page design is so graceful.
As with your issue about responsive or collapsible navigation bar, maybe this help you. Attention to the “Default navbar” example’s codes.
And some advice:
- About the navigation link and page-scroll. According to the project’s example, the navigation link should be highlighted when you scrolling towards the corresponding section/part(e.g. Home, Portfolio and Contact) in your page, and the other way round, the page should scroll towards some section/part when you click the navigation link.The scrolling action may need some smoothly animations, e.g. easing. This may be helpful.
- About the fa icon. The CDN of fa should use the secure HTTP protocol (https:), you need to change the Setting>CSS>Add External CSS to “https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”. And then your icons will appear.