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

0 0 voti
Valutazione dell'articolo
Iscriviti
Notificami
guest

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

1 Commento
Vecchi
Più recenti Le più votate
Feedback in linea
Visualizza tutti i commenti
Jon
Jon
8 anni fa

A quanto pare non funziona più questo sistema.

Rimani Aggiornato
Nuove idee, zero Spam
Ti invieremo solo le ultime novità di articoli o nostri progetti.
Iscrivendoti accetti la nostra privacy poliicy. Una volta iscritto, ricordati di attivare l'iscrizione cliccando sul link ricevuto via mail.
1
0
Esprimete la vostra opinione commentando.x