Repairing Site Responsiveness

Hello Guys

I really need your help in fixing stuff I apparently messed up. In trying to create a particular look and layout for a site I'm building it seems like I have messed up the way the template responsiveness behaves because of all the changes I made. I was told by Cyberek that I "need to nail them one by one with firebug/devtools and fix behaving on elements basing on media-queries." This is where I need help. Can anyone give me some guidance on exactly how to do that? I have devtools installed but what should I be looking for with it? How do I identify the offending changes and generally what I should be looking to change them to?

http://www.change-the-conversation.com/smrtshoppr/

Please please please your help would be greatly appreciated.

Novice with his head humbly bowed

Hello,

Please read this tutorial: https://developer.chrome.com/devtools - it will explain how all parts of the Chrome dev tools are working.

Hi

I know how to use the tool I just don't know more about how to use it in correcting responsiveness of a site. My challenge is not knowing which tool to use but how to apply the tool to get the desired effect. I know i have to use a wrench to tighten the nut but i do not know which way to turn the nut or what angle i should approach the nut or which nut to tighten. I need guidance on what I should be looking for in making the site responsive again.

Please help or direct

Sorry but preparing this kind of tutorial is beyond of our technical support.