two issues with my responsive portfolio website

[kristinabressler]

I'm working hard to make my portfolio website, www.kikidesign.net, responsive with bootstrap. The first issue is that only "home" link is working, the other links aren't working. I couldn't click on "portfolio", "about", and "contact".

The second issue is the browser window. When I move the browser window to less than 960px wide, I still can scroll right and out of bound. The issue is the same whether on the desktop and on my cell phone.

What should I do to fix this? I'm using Bootstrap 3.0. I think it has something to do with html classes: "csstransforms", "no-csstransforms3d", and "csstransitions"?

[mdo]

In most cases we don't help folks with their own projects here because it's time consuming and difficult to sort through the setup and technical bits. It's not practical for the number of issues we receive daily. That said, I think I know what's up.

Instead of using background-image for your footer bar image, you're using a div with an inline img. That image is over 1,000 pixels wide and is the reason your pages scroll horizontally.

Your links seem to function fine for me.

[kristinabressler]

The links are fine when it's in normal desktop browser window, but when It's in responsive window of at least 400px wide (under the logo, not on right of logo), it's not working at all. That's what I'm talking about.

Thanks! I fixed the browser resize issue with the footer bar image by using overflow:hidden.

[fchiumeo]

h1 inside the div quote overlay the links

[kristinabressler]

Thanks for pointing it out! I fixed it! Thanks again for all your help!