La barra bianca di Tumblr appare sul mio tema mobile dopo aver disabilitato il pulsante Segui tramite codice

Quindi, a partire dal 4/12/15 , Tumblr ha cambiato qualcosa nel loro codice e in "Promote Tumblr!" i pulsanti sono riapparsi sul mio blog, anche se li ho disabilitati nelle impostazioni avanzate …

Ho cercato e trovato questo codice:

 iframe:first-child { display: none !important; } 

quello ha funzionato per me, ma ora nella versione mobile del sito, ho una semplice barra bianca in alto, proprio dove i tasti di promozione di Tumblr erano … Sul desktop, tutto funziona bene …

Ho allegato gli screenshot di prima e dopo qui:

Prima: Prima ,

Dopo: Dopo

Qualche idea su come liberarsene?

Grazie in anticipo!

Questo perché Tumblr sembra aggiungere questa class “tmblr-iframe – controls-phone-container” al corpo e a questo stile;

 .tmblr-iframe--controls-phone-container { padding-top: 43px; } 

da quello che ho trovato. Prova: body { padding-top: 0 !important; } body { padding-top: 0 !important; }

Puoi utilizzare gli “Strumenti per sviluppatori” in Chrome (browser desktop) per vedere l’ HTML sorgente del tuo sito su diversi dispositivi mobili, che dovrebbe aiutarti con problemi di questo tipo.

Nota: ho usato gli “Strumenti per sviluppatori” nel browser Chrome e stavo emulando un dispositivo chiamato “iPhone 5” per ricreare il problema in questione.