overflow:hidden won't help to prevent horizontal scrolling - responsive-design

Question

Generally, overflow:hidden solves all my horizontal scrolling problems, but in the following case it doesn't and it also disables the vertical scrolling.
If you'll mark a text and drag left the screen view (while responsive), you would be able to see the horizontal scrolling problem. here is a link:
http://nexus.techsaran.com/

Answer 1

It's because you have an adsense block which has a hardcoded width of 728px.
So whenever the viewport is < 728 px, this div will extend beyond the right hand edge of the page, hence the horizontal scroll bar.
Edit
Can you please tell me where you've found it
It's in this block of code here
<div style='text-align:center'><div class='adsense' style='display:inline-block;width:728px;height:90px;'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 728x90 -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5337874066772271"
data-ad-slot="6784283332"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
Whenever you have horizontal scrolling like you described, it's generally an indication that there's an element which is too wide, so that's what I was looking for. In this case you can actually see that the ad is too wide if you narrow your window. I used web inspector (similar to firebug) to confirm.
Sometimes you can't actually see the element which is causing the problem. In web inspector, if you hover over an element in the code view, it will be highlighted in the page view, so this helps.
FYI, there are ways to work with Adsense on responsive sites. Checkout this link to get you started
Good luck!