Un utente ha chiesto informazioni su Kale di Wordpress

Logo Logo che non corrisponde al tuo cellulare

Un utente ha chiesto 👇

Ciao amici,

Di recente sono passato a un logo immagine e ho caricato l’immagine di dimensioni 300 x 150 consigliate. Tuttavia, è troppo piccolo per PC e tablet, ma un’immagine più reattiva per i dispositivi mobili.

Esiste un CSS personalizzato che renderebbe l’immagine del logo reattiva ai dispositivi mobili, quindi ho un bel logo grande, ad es. 750 px di larghezza per i browser desktop?
Grazie 🙂

(@jarektheme)

2 anni, 6 mesi fa

Ciao,

Grazie per averci contattato.

Ho caricato un logo largo 750 px ed è reattivo. Se desideri che il logo sia più piccolo sui dispositivi mobili, aggiungi questo CSS a Aspetto → Personalizza → CSS extra:

@media (max-width: 767px) {
    .logo .custom-logo-link {
        width: 300px;
        display: block;
        margin: 0 auto;
    }
}

e aggiustare width come vuoi.

Spero possa aiutare.

il migliore

Lanciatore di thread

(@aussieketoqueen)

2 anni, 6 mesi fa

Sfortunatamente questo non ha funzionato, il logo non è ancora reattivo su un telefono cellulare anche con il CSS aggiunto e la larghezza massima di 300 px aggiunti. Posso fornire screenshot se questo aiuta.

(@jarektheme)

2 anni, 6 mesi fa

Sostituisci il codice precedente con questo codice:

@media (max-width: 767px) {
    .logo .custom-logo-link {
        width: 300px;
        display: block;
        margin: 0 auto;
    }
    .logo .custom-logo-link img {
        width: 100%;
    }
}

Se ciò non aiuta, sostituisci il tuo logo con una versione più grande del tuo sito e fammelo sapere in modo che possa darti un’idea di questo.

il migliore

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *