Rendere responsive il like box di Facebook

Hai un sito responsive e vuoi rendere fluido il social plugin like box  di Facebook? Ecco una soluzione rapida per risolvere il problema.

L’uso di plugin esterni talvolta rende complicata la creazione del sito in modalità responsive. Nel tricks di oggi vi segnalo una soluzione che ho trovato davvero utilissima per rendere “fluido” e responsivo il vostro plugin sociale like box di Facebook.

/* Elimino il container standard dell'iframe facebook responsabile dello stretch */
#fb-root {
display: none;
}
 
/* Rendi fluido il container */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

Il funzionamento ovviamente può essere applicato (con opportune modifiche alle classi) anche a tutti gli altri plugin sociali. Questo articolo ti è stato utile?

Immagine Facebook disponibile su  Shutterstock