Oggetti in intestazione visibili anche in intestazione responsive 
Autore: Francesco Tedeschi
Visite 781,
Followers 1,
Condiviso 0
Salve,
nell'intestazione del mio sito web che ho reso anche responsive ho l'oggetto ricerca e il google traduttore.
Questi oggetti in responsive non sono visibili in intestazione, per ovviare al problema ho inserito il seguente codice:
<style>
#imHeader .search_form {
display:block;
}
</style>
con il quale sono riuscito a rendere visibile il campo ricerca anche in responsive.
Non riesco però a rendere visibile anche l'oggetto google traduttore in quanto non so cosa inserire nel codice sopra citato al posto della dicitura search_form
Come posso risolvere ?
Grazie
X
Postato il
... devi intercettare nel sorgente il nome del DIV...
... posta il LINK ...
... casomai se il DIV non ha nome, metti il codice che usi in un <DIV> chiamato "pippo" e lo controllerai con:
#imHeader #pippo {display:block;}
... o anche solo con : #pippo {display:block;}
... o con style in linea...
.
se hai messo il codice creato dal widget "google translate" in intestazione, leggi nel codice html il numero di oggetto, simile a questo... e mettilo in passo 4, Codice, Seo &... tab esperto, prima della chiusura del tag head...
<style>
#pluginAppObj_05 {display:block;}
</style>
sostituendo il numero 05 con quello rilevato...
Autore
allora, il link al mio sito è
http://www.provino86x.altervista.org
Preciso che il Google traduttore non l'ho inserito tramite il Widget di web site ma ho messo un codice html che mi ha dato Google in quanto necessitavo solo di alcune lingue specifiche. Quindi cosa dovrei inserire al posto di search_form ?
il codice che ho inserito di Google traduttore è il seguente:
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'it', includedLanguages: 'en,es,fr,tl,tr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
allora dovrebbe bastare
#google_translate_element {display:block;}
...!...ma il traduttore non l'hai inserito in HEADER, e nel responsive si vede...!...
...!?... se vuoi inserirlo in HEADER, prova a posizionarlo sul lato SINISTRO incollando il codice nella PERGAMENA...!?...
... poi prova ad usare questo codice in HEAD/STYLE:
#imHeader .imTemplateContent { display:block;}
.
@Francesco, dovesse ricapitare con altri oggetti da nascondere, visualizzando il sorgente si vede il nome.
E se lo fai da anteprima website c'è la freccina che ti permette di selezionare l'oggetto , così è ancora più facile da individuare...
Autore
Grazie ragazzi per i vostri consigli, ora non sono al pc e proverò tutte le cose appena mi collego al pc.
kolasim, momentaneamente ho il traduttore all interno della pagina perché non riuscivo a renderlo visibile in intestazione nel responsive
... l'avevo visto, quindi quando potrai prova con quanto detto...
.
Autore
così riesco a vedere google traduttore in responsive, mentre inserendo #google_translate_element {display:block;} come suggerito da skeggia non me lo faceva vedere.
Grazie a tutti ragazzi !
il codice che ho inserito alla fine è:
<style>
#imHeader .imTemplateContent {
display:block;
}
</style>