Visualizzare il logo anche sui Smartphone

Area dedicata alle Guide [3.1.x] :thumbup:
Rispondi
Avatar utente
phpBB3
News PhpBB3
News PhpBB3
Messaggi: 81
Iscritto il: 6 lug 2013, 14:01

Visualizzare il logo anche sui Smartphone

Messaggio da phpBB3 » 9 nov 2016, 12:29

Avete sicuramente notato che quando si visualizza il forum con uno smartphone, il logo viene omesso :problem: nell'intestazione. Come possiamo mantenere l'immagine del nostro logo anche sui smartphone? niente paura seguiamo questa mini guida per aggirare questo piccolo problema. :angel:
Prima di tutto caricate il vostro logo in styles/prosilver/theme/images qui il logo e ovvio che dovete farlo più piccolo per adattarsi al meglio con gli smartphone.

APRI: styles/prosilver/theme/responsive.css

CERCA:

Codice: Seleziona tutto

#site-description {
AGGIUNGI DOPO: Importante non dimenticate di cambiare le dimensioni del padding con il vostro logo.

Codice: Seleziona tutto

/* imageset.css changes */
.imageset.site_logo {
   background-image: url("./images/site_logo_2.gif");
   padding-left: 325px;
   padding-top: 53px;
}
CERCA:

Codice: Seleziona tutto

.logo {
   /* change display value to inline-block to show logo */
   display: none;
   float: none;
   padding: 10px;
}
SOSTITUIRE CON:

Codice: Seleziona tutto

.logo {
   /* change display value to inline-block to show logo */
   display: inline-block;
   /* display: none; */
   float: none;
   padding: 10px;
}
OK adesso il secondo passo da fare e quello di togliere il Nome della Board:

CERCA:

Codice: Seleziona tutto

#site-description h1, #site-description p {
   text-align: inherit;
   float: none;
   margin: 5px;
   line-height: 1.2em;
   overflow: hidden;
   text-overflow: ellipsis;
}
SOSTITUIRE CON:

Codice: Seleziona tutto

#site-description h1, #site-description p {
   display: none;
   text-align: inherit;
   float: none;
   margin: 5px;
   line-height: 1.2em;
   overflow: hidden;
   text-overflow: ellipsis;
}
Fatto adesso recatevi in ACP e vuotate la cache, poi aggiornate il browser, se siete su altervista dovete svuotare anche la cache nel CloudFlare.
Screenshot_2016-11-09-11-42-05.png
Risultato
Godere!! :thumbup:

Rispondi

Torna a “[3.1.x] Guide”

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti