BlogTema DiviCome impostare un logo diverso sul cellulare

Come impostare un logo diverso sul cellulare

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("http://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:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *


Divi Design Studio rende semplice l’evoluzione digitale di aziende ambiziose.

Mi occupo di Realizzazione, Restyling e Gestione Siti WordPress.

Menu

2024 © Divi Design Studio | P.IVA 04891580237 | Privacy Policy

Promozione esclusiva!

Risparmia sulla realizzazione o il restyling di un sito WordPress con l’esclusiva promozione di fine anno! Per tutto il mese di novembre e fino al 16 dicembre, Divi Design Studio ti offre uno sconto del 10% su tutti i servizi.