Menu

Salve. Volevo sapere se fosse possibile aggiungere la scritta *menù * accanto le tre linee del menù a tendina che appare con il cellulare. Volevo anche stringere un po' la finestra della tendina perché è troppo larga e metterci un bordo bianco per distinguerla dallo sfondo nero. È possibile?

https://progettireader.altervista.org/

[frasidipace]

Salve,
per aggiungere la scritta Menu provi ad inserire questo codice in Aspetto->Personalizza->CSS aggiuntivo :

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content:"Menu \f0c9";
}

Non mi è chiaro quale finestra vorrebbe stringere.

Saluti

Vorrei stringere sempre la finestra del menù a tendina perché è larga quanto lo schermo. La vorrei stretta abbastanza x contenere il menu

Funziona. Ma si potrebbe fare così ma con il quadratino che contiene le linee e la scritta menù, bianco?

Lo sfondo della tendina quando si apre deve rimanere nera

https://i.postimg.cc/zfBDDMm3/Screen...929-225404.jpg

[frasidipace]

Funziona. Ma si potrebbe fare così ma con il quadratino che contiene le linee e la scritta menù, bianco?

Lo sfondo della tendina quando si apre deve rimanere nera

https://i.postimg.cc/zfBDDMm3/Screen...929-225404.jpg

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  color: white;
  content:"\f0c9\ Menu";
  border: 2px dotted;
  background-color: #eee;
  border-radius: 5%;
  padding:10px;

}

Verifichi che su smartphone il contrasto bianco su grigio sia leggibile, altrimenti opti per contrarsti diversi.

Vorrei stringere sempre la finestra del menù a tendina perché è larga quanto lo schermo. La vorrei stretta abbastanza x contenere il menu

Mi spiace, ma continuo a non capire. Su smarphone non vedo che il menu a tendina riempie la larghezza dello smartohone.

Saluti

Da me è larga così.
https://i.postimg.cc/KYGGq6PZ/Screen...930-094400.jpg

Cmq quando ho mandato l'immagine di come lo volevo, intendevo il tipo, no i colori.

Allora. Con lo sfondo grigio la scritta non si vede anche perché è tornata bianca.

https://i.postimg.cc/C5fbQBGp/Screen...oid-chrome.jpg

Avendo il codice ho modificato io il colore

Dal mio cellulare la tendina è larga quanto la larghezza del sito. È strano

[GraphOGLRisorse]

Salve,
forse non è poi così strano come potrebbe sembrare. Il fatto che da un dispositivo mobile si veda il menu a tendina largo quanto lo schermo o meno, dipende quasi sicuramente dalla risoluzione a cui viene visualizzato il sito.

Spesso i layout css che si occupano della gestione di tipo responsive, gerano comportamenti differenti come quelli descritti in base alle diverse risoluzioni video da cui si visualizza il sito. Quindi è probile che il suo dispositivo abbia una risoluzione più bassa di quello usato da frasidipace.

Se ruota lo smarphone facendo aumentare il vaolore della laghezza dello schermo, il menu a tendina le risuta sempre largo quanto lo schermo?

Cordiali saluti.

ho provato con diversi cellulari e la tendina è sempre la stessa.
comunque è possibile mettere un bordo bianco alla tendina per differenziarla dallo sfondo del sito?
mi hanno detto che dipende dal tema. allora non si può far nulla giusto?

[frasidipace]

.
comunque è possibile mettere un bordo bianco alla tendina per differenziarla dallo sfondo del sito?
mi hanno detto che dipende dal tema. allora non si può far nulla giusto?

Al border può aggiungere il colore:

border: #FFF 2px dotted;

Saluti

Intendevo il bordo della tendina quando si apre, no il bordo del quadrato che contiene la scritta menù

[frasidipace]

Provi ad aggiungere questo CSS aggiuntivo che dovrebbe ridurre anche la larghezza della tendina:

@media (max-width: 980px) {
	#site-navigation .menu {
	  top: 94%;
          left: 25%;
	  width: 50%;
          border: 1px dotted #fff;
        }
}

Saluti

Non va. Pazienza. Ci abbiamo provato. Grazie lo stesso

[frasidipace]

Non va. Pazienza. Ci abbiamo provato. Grazie lo stesso

Con i tools del browser funziona. Ho provato anche su un sito di prova e funziona.

A questo punto non so più cosa suggerirLe.

Saluti

Va bene lo stesso. Volevo solo questo piccolo dettaglio in più. Pazienza