Sintomo

Su un telefono cellulare il menu hamburger (le tre linee che aprono il menu) e l'icona del carrello non compaiono più in alto nel sito. Le icone ci sono ancora e funzionano, ma hanno lo stesso colore della barra dietro di esse e quindi non si vedono.

Causa

Di solito succede dopo aver modificato i colori del proprio template. Una modifica può rendere lo sfondo della barra di intestazione mobile quasi identico al colore delle icone del carrello e del menu hamburger, e le icone si confondono con la barra. Non c'è nulla di rotto e non manca nulla: le icone sono ancora presenti e funzionano, semplicemente non si vedono.

Soluzione

Assegnare alla barra di intestazione mobile un colore di sfondo proprio, con un piccolo contenuto personalizzato del sito.

1. Aprire il negozio in ShopFactory.
2. Fare clic sul menu a discesa "Central" -> Custom Website contents (contenuti personalizzati del sito).
3. Fare clic sul pulsante + (Aggiungi) per aggiungere un NUOVO blocco html personalizzato nell'area 1 del sito.
4. Trascinare il blocco di testo nella sezione descrizione.
5. In alto a destra del nuovo blocco di testo (HC1 o HC2, a seconda di quanti blocchi sono già presenti) fare clic sull'icona EDIT (matita).
6. Modificare il nome identificativo HTML in: Mobile header background
7. Copiare e incollare questo codice nella finestra del contenuto:

<style>
.ThemeVersion-11 .header.mobile .utils {
background: #747570;
}
</style>

8. Sostituire #747570 con il codice esadecimale del colore desiderato per la barra. Scegliere un colore diverso da quello delle icone, ad esempio quello usato altrove nell'intestazione.
9. Fare clic su OK e poi su Fine.
10. Salvare il negozio e visualizzarne l'anteprima in un browser esterno, su un telefono o nella vista telefono del browser.
11. Pubblicare di nuovo il negozio affinché la modifica sia online.

Note

• Se il telefono mostra ancora il vecchio colore, aggiornare la pagina o svuotare la cache del browser. Una modifica pubblicata può richiedere qualche minuto.
• Lo stesso blocco definisce il colore della barra di intestazione mobile in generale, quindi può essere usato anche per dare all'intestazione mobile esattamente lo stesso colore della versione desktop del sito.

Articoli correlati

• Modificare il colore del testo bianco su bianco o nero su nero (la sezione E riguarda la barra del logo mobile)
• Aggiungere codice HTML personalizzato a una pagina o a tutto il sito