Problemi con sito responsive

[Crab]

Salve a tutti scrivo perchè ho un problema con il mio sito responsive creato con wordpress.
Il sito è www.brakeless.it
Quando si scende sotto i 460 di larghezza nelle pagine articolo es. http://brakeless.it/2016/01/dive-lik...ei-telmo-miel/ viene creata una colonna bianca sulla destra che risulta molto brutta nella versione mobile.
Ho visto che il problema dipende da un plugin che ho installato, easy social share buttons, ma che mi serve assolutamente.
Come posso fare ?
Grazie in anticipo.
Schermata 2016-01-12 alle 12.46.10.jpg

[ResianTaxidrive]

Sai che non riesco a capire quale elemento sia quello che genera quello spazio? Non sono sicura siano i social, cmq, tagliando la testa al toro, aggiungi all'elemento html la regola overflow-x:hidden e dovresti essere a posto. Controlla che non ti si seghi via roba che invece dovrebbe vedersi.

[Crab]

Grazie mille per la risposta, usando un tema per wordpress come posso aggiungere l'elemento overflow-x:hidden ? Sono sicuro che siano i social perchè se disattivo il plugin non si presenta nessun problema.

[Crab]

Sai che non riesco a capire quale elemento sia quello che genera quello spazio? Non sono sicura siano i social, cmq, tagliando la testa al toro, aggiungi all'elemento html la regola overflow-x:hidden e dovresti essere a posto. Controlla che non ti si seghi via roba che invece dovrebbe vedersi.

Grazie mille per la risposta, usando un tema per wordpress come posso aggiungere l'elemento overflow-x:hidden ? Sono sicuro che siano i social perchè se disattivo il plugin non si presenta nessun problema.

[ResianTaxidrive]

Dal pannello di controllo di wp dovresti poter manipolare il file style.css. Puoi aggiungere lì la regola anche se non sono sicura che venga mantenuta con un eventuale aggiornamento del tema.

[Crab]

Dal pannello di controllo di wp dovresti poter manipolare il file style.css. Puoi aggiungere lì la regola anche se non sono sicura che venga mantenuta con un eventuale aggiornamento del tema.

si in wordpress c'è la sezione editor visuale foglio di stile. aggiungo solo la riga overflow-x:hidden ? non importa dove la colloco ?

[ResianTaxidrive]

deve essere dentro la regola dell'elemento html

[Crab]

deve essere dentro la regola dell'elemento html

io in wordpress vedo questo Schermata 2016-01-16 alle 23.11.46.jpg

[ResianTaxidrive]

alla riga 56 di style.css c'è la regola dell'html. Aggiungi lì dentro l'overflow

[lucavizzi]

In casi come questi, applico la regola css:

*{
    border:1px solid red;
}

Apro parentesi, la regola può essere applicata direttamente dal browser (senza quindi modificare i files css) tramite lo strumento Ispezione Codice (click destro analizza elemento o similari).

Ebbene applicando la regola via browser è saltato fuori che il file easy-social-share-buttons.css alla riga 575 riporta:

.fb-like span {
    overflow: visible !important;
    width: 450px !important;
    margin-right: -375px;
}

ed è proprio quel width: 450px !important; che "allarga" il body e crea la colonna bianca a destra.
Per ovviare basterà togliere !important di modo che lo stile in-line non venga sovrascritto.

Spero di essere stato d'aiuto.