Portfolio - Navbar shows over my content

Portfolio - Navbar shows over my content
0

#1

Hi.

I’ve been working on my portfolio for a day now, and I’ve got one issue that I cannot seem to figure out:
When i resize to a small screen, the menu is being transformed and put on top of the content of the page.

Does anyone know how i can get the menu to either:

  • minimize to an icon
    or:
  • move the content further down on the page so that both are visible.

Here’s the page I’ve made:


#2

You want to use the navbar-collapse class. Read about it here: http://www.w3schools.com/bootstrap/bootstrap_navbar.asp


#3

Thanks for the guidance, however, now i have the issue that the navbar doesn’t open when collapsed

I found a stackoverflow-page with the issue, but it doesn’t seem to be the same cause. At that one the id was missing from the menu div, but I have that in place. I also have bootstrap, jquery and js added under settings, in the same order as w3schools has in their code. Am i missing something else?


#4

I haven’t come across this personally, but could you add a margin to the top of your page for that media break point to compensate for the space of the menu bar?


#5

Seems as though I fucked up the bootstrap CDN somehow.

Had the same issue with both codepen and a Github publish, still doesn’t work on codepen, however the Github works now with the same html and css:
https://jonaspau.github.io/portfolio