Responsive design / Forum Index with sidebar

[Saurabh Jain]

http://mechanical-engg.com/forum/  

Not working properly

sidebar is not on screen..one has to scroll right .. and no header on sidebar

 

[不中用]

http://mechanical-engg.com/forum/  

Not working properly

sidebar is not on screen..one has to scroll right .. and no header on sidebar

 

​.

works fine for me ..

 

.

[-FP]

What do you mean exactly? I just tested it on a mobile device, and the sidebar appears to show normally just below the forums.

[opentype]

It’s your non-responsive ads who stretch the layout this way. 

[Ivan Trubadurov]

The same happens on my forum too. Actually if I use only 1 responsive ad below header it works fine, the glitch happens when I add another one above footer. 

[Saurabh Jain]

It’s your non-responsive ads who stretch the layout this way. 

​Ads are responsive

By default its open fine , If I log out and go again - It changes...

screenshot attached

What do you mean exactly? I just tested it on a mobile device, and the sidebar appears to show normally just below the forums.

​Sharing screenshot

The same happens on my forum too. Actually if I use only 1 responsive ad below header it works fine, the glitch happens when I add another one above footer. 

​If I use two ads   my footer goes on top....

i used one ad and selected the header and footer on same ad

 

[opentype]

​Ads are responsive​

I tried it with Firebug. If I remove the upper and lower ads from your page, the sidebar stars behaving correctly. It’s the ads that push it out of the screen. 

[BrunoDias]

<div style="max-width:980px!important"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Banner Responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  </div><br>

<div style="max-width:980px!important">

[Saurabh Jain]

<div style="max-width:980px!important"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Banner Responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  </div><br>

<div style="max-width:980px!important">

​Thanks  it worked....

not sure is this the right solution....  As it have other imapacts without sidear.. such as downloads..

 

but yes it did worked

Thanks