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

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

wordpress-visualizzare-le-foto-della-gallery-prima-del-testo-dellarticolo
Up Next:

Wordpress: visualizzare le foto della gallery prima del testo dell'articolo

Wordpress: visualizzare le foto della gallery prima del testo dell'articolo