Site-logo su smartphone

fabiomaticus · Messaggio da **fabiomaticus** » 19/10/2019, 18:30

Su smartphone il logo del sito non appare. Come posso far visualizzare il logo eventualmente con una dimensione ridotta?

alex75 · Messaggio da **alex75** » 19/10/2019, 19:15

Scarica l'estensione custom-css post16275.html
Prepara 2 immagini differenti per il site-logo (una grande per il forum a dimensioni normale ed 1 piccola per il forum da smartphone) e salvale nella cartella alex75/customcss/styles/prosilver/theme
nel file css metti questo codice:

Codice: Seleziona tutto

@media (min-width: 700px) {
.site_logo {
   background-image: url("./sitelogo1.png");
   width: 347px;
   height: 170px;
}
}
@media (max-width: 700px) {
.site_logo {
   background-image: url("./sitelogo2.png");
   width: 122px;
   height: 60px;
}
.logo {
	display: inline-block;
	width: auto;
	height: auto;
}

.logo:hover {
	text-decoration: none;
}}

ovviamente è un codice d'esempio; adattalo alle tue esigenze e misure.

fabiomaticus · Messaggio da **fabiomaticus** » 19/10/2019, 19:49

Ho modificato alcuni parametri e questo è il risultato

alex75 · Messaggio da **alex75** » 19/10/2019, 19:52

ottimo

bisus · Messaggio da **bisus** » 06/03/2023, 14:00

Buongiorno
c'e' modo di mostrare un banner da pc e logo da mobile ? Mi spiego meglio: sul mio forum https://gamesplanetitalia.it ho messo un banner sull'header che ovviamente diventa non visibile da mobile, vorrei poterlo sostiutire in versione mobile con un logo. Grazie mille

alex75 · Messaggio da **alex75** » 06/03/2023, 21:40

Ciao. Si può fare con un po di css
Usando 2 differenti immagini (una grande per i desktop ed una piccola per gli smartphone) come indicato qualche post più su: post21052.html#p21052

phpBB-Italia.it

Site-logo su smartphone

Site-logo su smartphone

Re: Site-logo su smartphone

Re: Site-logo su smartphone

Re: Site-logo su smartphone

Re: Site-logo su smartphone

Re: Site-logo su smartphone