Portfolio site - toggle button and responsiveness help needed

1

please take look at my portfolio site - need some help - http://codepen.io/silentarrowz/pen/eJqPjy

  1. the toggle hamburger button for navigation for smaller screen sizes doesnt work.
    i.e nothing happens and the links dont show up when I click on it.

  2. the images and boxes for the portfolio apps showcased becomes too small for smaller screen sizes even though I used col-sm-12, dunno why this is happening?

  3. I have noticed that there is a horizontal bar too for small screen sizes, which shouldnt be there.
    It seems that it’s the portfolio heading and the contact me heading causing this. could you tell me how to fix this??

Eagerly waiting for your reply.
thanks,
Faraz

2

Ok, question no.1 is solved now.
I fixed it by adding the bootstrap and jquery in the right order.

NOw, all I need help with is questions 2 and 3.

3

One tip, add “background-attachment: fixed;” in your image footer. Will look more awesome.

4

For your images, set min-width: 300px in css, or whatever value you want to set the attribute to (it doesn’t need to be 300px). This ensures that it won’t become smaller than that.

I can’t replicate the horizontal bar problem on my phone, so I’m not sure how to help you with that.