Activity code issues

I am struggling with facebook activity feed issues. I want to use it on a responsive design but even on non responsive layout, it floats above all other divs.
Activity box isn't being contained in a side bar div... Doing some testing now...
facebook.php
2013inside.php (pull narrow to see float issue)

Any ideas?

the facebook activity feed does not use a fluid layout. it uses a set width, if the responsive layout container does not have enough space for the facebook activity feed, it will move around. to combat this, you could use overflow: hidden on the container that the activity feed is in.

or you could over ride the facebook css to make it flud:
is-it-possible-to-set-a-fluid-width-for-facebooks-social-plugins

and is that why is floats above other divs?

2013inside.php

pull that narrow and see what it does...

yes it is.

thanks Jason

The post is old but i have been working for some time now on responsive layouts, so ill add here the solution came with for other users

add to the styles

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}

.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.wasocial_facebook_comments .fb_iframe_widget {width: 100% !important;}
.wasocial_facebook_comments .fb_iframe_widget span[style] {width: 100% !important;}
.wasocial_facebook_comments .fb_iframe_widget iframe[style] {width: 100% !important;}

and the facebook comment box will now turn to responsive layouts, now for the facebook feed use the same code but change each of the

  .wasocial_facebook_comments  

with

  .wasocial_facebook_activity_feed  

thanks Sades

Originally Said By: Jason Byrnes

  the facebook activity feed does not use a fluid layout. it uses a set width, if the responsive layout container does not have enough space for the facebook activity feed, it will move around. to combat this, you could use overflow: hidden on the container that the activity feed is in.

or you could over ride the facebook css to make it flud:
is-it-possible-to-set-a-fluid-width-for-facebooks-social-plugins  

Hi Jason,

Can you please provide me with the correct code or what ever solution to get the social media tool kit plugins responsive!?

All solutions on this forum or Stackoverflow etc. don't work!

Thanks! David

social media toolkit does not support responsive designs.

Thanks! Jason,

Including the one in Design Extender?