Come impostare un logo diverso sul cellulare

Il tema Divi ti consente di impostare un logo diverso sul cellulare nell’intestazione del tuo sito (main header).

Introduzione

Il tema Divi ti consente di impostare un logo diverso sul cellulare nell’intestazione del tuo sito (main header).

Procedimento

La visualizzazione di un logo diverso sui dispositivi mobili in Divi può essere eseguita in due semplici passaggi.

1. Carica l’immagine del logo del cellulare nella tua libreria multimediale. Quindi fare clic sul collegamento Modifica per modificare l’immagine.

Modifica Logo

Questo aprirà la pagina Modifica media . Evidenzia l’URL del file. Puoi farlo facendo doppio clic su di esso o premendo Comando + A (per Mac) o Ctrl + A (per Windows). 

Copia URL

Ora fai clic con il pulsante destro del mouse sull’URL evidenziato e copialo.

2. Vai a Divi> Opzioni tema> CSS personalizzato e aggiungi il seguente codice al suo interno,

@media only screen and (max-width: 981px) {
  #logo {
  content: url("https://tuosito.com/mobile_logo.png");
  }
}

Post correlato: come aggiungere codice CSS al tema Divi.

In questo codice, sostituisci la parte dell’URL del codice con l’URL dell’effettiva immagine del logo del cellulare sul tuo sito. Quindi, seleziona questa parte, fai clic con il tasto destro e incolla l’URL del logo che hai copiato nel primo passaggio.

Questo è tutto. Ora, fai clic su Salva per salvare le modifiche e controlla il tuo sito web sul cellulare per confermare che il logo del cellulare venga caricato su di esso.

Nascondi gli elementi del menu secondario nel menu mobile utilizzando PHP

Il codice CSS sopra utilizza una stranezza di Divi – che ai link di menu secondario non vengono assegnati gli ID – per eseguire il trucco. Un modo più affidabile è usare PHP per aggiungere prima una classe agli elementi per contrassegnarli esplicitamente con il menu da cui provengono, in questo modo:

Autore del post

Divi Design Studio

Divi Design Studio

Siamo un team giovane con grande esperienza nella progettazione e nello sviluppo di siti web. Progettiamo siti WordPress da oltre 20 anni e siamo esperti nella creazione di contenuti digitali, branding e web design. Appassionati del tema Divi, abbiamo lanciato Divi Design Studio per offrire una vasta libreria di layout dal design moderno e professionale. La collezione di Layout Divi è in continua fase di aggiornamento. Aggiungiamo più di 20 nuovi prodotti al mese!
Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato.

Ti potrebbe anche interessare…

Header Divi sfondo

3 Layout Divi in regalo!

Per tutto il mese di ottobre, ti regaliamo un pacchetto che include 3 layout Divi da scaricare gratuitamente.

Grazie!