Come nascondere Header e Footer con Divi

In alcuni casi, potresti avere bisogno di nascondere l’header o il footer di una pagina specifica del tuo sito Divi o per l’intero sito web.

Introduzione

In alcuni casi, potresti avere bisogno di nascondere l’header o il footer di una pagina specifica del tuo sito Divi o per l’intero sito web. Ad esempio, su una pagina di destinazione, potresti voler nascondere l’intestazione per rendere la pagina semplice e senza distrazioni per l’utente.

In questo tutorial, ti mostro come puoi nascondere l’header o il footer del tuo sito.Se hai dubbi o domande, lascia un commento nella sezione in fondo al post.

Cosa è l’header?

Iniziamo da una cosa semplice. L’header rappresenta la testata principale del tuo sito, quindi dove si trova il menu e i collegamenti importanti. Ecco un esempio:

Esempio Header

Cosa è il footer?

Il footer è la parte inferiore del sito dove si trovano il Copyright e le informazioni legali:

Footer

Nascondi Header e Footer con l’opzione blank page

Apri la pagina nel backend di cui vuoi nascondere l’header e il footer cliccando su . Modifica pagina. Sulla destra, troverai gli attributi della pagina e sotto gli Attributi della pagina > Template > puoi scegliere Pagina vuota, o Blank page:

Attributi Pagina

Con questa opzione puoi nascondere l’intestazione (header) e il piè di pagina di quella pagina (footer).

Nascondi Header in Divi

Per l’intero sito web

Se desideri nascondere l’ Header dell’intero sito web, puoi utilizzare questo frammento. Posiziona questo frammento di codice in Divi> Opzioni tema> CSS

#main-header {
display: none;
}

#page-container {
padding-top: 0px !important;
margin-top: -1px !important;
}

Post correlato: come aggiungere codice CSS al tema Divi

Per una pagina specifica

Se desideri nascondere l’intestazione di una determinata pagina, puoi utilizzare il seguente frammento.

.page-id-1098 #main-header {
display: none;
}

.page-id-1098 #page-container {
padding-top: 0px !important;
margin-top: -1px !important;
}

Devi cambiare il numero di ID della pagina con il tuo. Puoi trovare il numero di ID della pagina andando alla tua pagina nel backend e dall’URL troverai il tuo numero di ID.

Nascondi Footer in Divi

Per l’intero sito web

Per nascondere il footer sull’intero sito web puoi utilizzare questo frammento.

#main-footer {
display: none;
}

Per una pagina specifica

Per nascondere il footer su una pagina particolare puoi usare questo frammento.

.page-id-1098 #main-footer {
display: none;
}

Cambia il numero ID con il tuo allo stesso modo del footer.

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato.

Ti potrebbe anche interessare…