Modificare il testo del menù, perchè è troppo chiaro sullo sfondo dell'header!

[KillerWorm]

Tutto si può fare ma, a mio modesto parere, il problema è da ricercare più a fondo, nella disposizione poco utile di quei testi; ciò che confonde infatti è proprio la presenza di quei testi non cliccabili.

Quindi, prima di procedere con ulteriori prove e modifiche sui colori, personalmente ti consiglierei di rivedere meglio l'impostazione della struttura. Tecnicamente si parla di "UX/UI", cioè l'esperienza utente e la progettazione dell'interfaccia utente.

Esempio, hai queste voci di sottomenu:

COSA FACCIAMO

Corsi per imparare
   l'Arte della Filigrana di Carta
Corsi per imparare
   lavorare a Maglia
Corsi per imparare il
   Merletto a Tombolo
Corsi per imparare a
   lavorare a Uncinetto

dove tutti i testi "Corsi per imparare" non sono cliccabili. Mentre le voci cliccabili sono quelle indentate.

Ora... ai fini pratici, qual è il reale beneficio di avere questi testi aggiuntivi, oltre le voci cliccabili?
Non offrono alcuna valida informazione aggiuntiva ma, anzi, confondono e, in questo sottomenu, sono ridondanti;

Non sarebbe meglio una disposizione del genere con le sole voci cliccabili?

COSA FACCIAMO

Impara con noi
Arte della Filigrana di Carta
Lavorare a Maglia
Merletto a Tombolo
Uncinetto

dove "Impara con noi" potrebbe portare alla pagina di riepilogo di tutti i corsi.

A tuo parere, non è meglio avere solo voci cliccabili senza ulteriori elementi di disturbo?

Negli altri sottomenu, i testi non cliccabili possono eventualmente essere "fusi" assieme alle voci cliccabili, così da avere solo elementi cliccabili.
Ad esempio, l'attuale menu "Laboratorio" è impostato in questo modo:

LABORATORIO

Il nostro
   Laboratorio
I nostri
   I Progetti
I Nostri
   Valori
Crea
   Con Noi

con la solita disposizione di testi non cliccabili e voci cliccabili.

Potrebbe essere impostato in questo modo:

LABORATORIO

Punto di incontro
I progetti
I nostri valori
Crea con noi

e così può essere anche per il resto dei sottomenu.

su iphone non vedo tutte queste sfumature...

Infatti, questo dipende dalle impostazioni responsive, per i dispositivi più piccoli viene mostrato un semplice menu a discesa e non ci sono testi non cliccabili; ma ciò conferma quanto sto dicendo.

Tu che pensi?

[Difficile64]

https://www.magdadecoriamano.it/prova.html

qui puoi notare

[KillerWorm]

qui puoi notare

Sì, a me pare sia già meglio. Il menu impostato così, resta meno confuso, più leggibile e semplice da navigare

Tu che dici?

[Difficile64]

sai amando l'arte le ridondanze mi stimolano.....

[Difficile64]

quindi non pensi che occorrerebbe almeno uno spazio fra le varie sottovoci a scendere? per poter scrivere a stampatello quelle voci come si potrebbe fare? il css non me lo fare cos' com'è

[KillerWorm]

sai amando l'arte le ridondanze mi stimolano.....

Capisco e questo è importante a livello creativo per il settore artistico. Però, sebbene sia forte la tendenza ad usare lo stesso approccio, bisogna saper scindere il metodo usato per creare i propri prodotti, da quello usato per presentarli al pubblico.

A ognuno il proprio mestiere; quando si parla di "web design" bisogna tener conto di molteplici aspetti, ma due sono quelli principali; cito dal manuale "Web Design for dummies":

Il design visivo di ogni pagina Web deve soddisfare due requisiti: fare in modo che la pagina sia gradevole da vedere e, più importante, essere di facile navigazione.
[...]
Il modo in cui disegnate i pulsanti, perfino i link testuali, e dove li mettete possono fare o disfare una pagina.

Tornando al tuo caso, è quindi importante capire bene come rendere meglio fruibili i contenuti a livello pratico, prima di arricchire la pagina di forme e colori a livello artistico.
Disse il saggio: "complicare è facile, semplificare è difficile"

quindi non pensi che occorrerebbe almeno uno spazio fra le varie sottovoci a scendere?

Uno "spazio" potrebbe anche starci tra una voce e l'altra, o anche semplicemente definire in modo più visibile il bordo che le separa. Ma, come detto finora, è meglio evitare di "sporcare" il menu con testi aggiuntivi. Tuttalpiù è bene utilizzare testi e grafica che attirino l'utente a cliccare (valutando bene anche l'ordine di priorità); quindi, se lo ritieni utile, tutte le informazioni aggiuntive puoi inserirle tra i contenuti delle pagine, organizzandole in modo opportuno.

Per le voci menu andrei a marcare maggiormente il bordo e magari scurire ancora leggermente il colore di fondo.

Trovi questa regola nel file layout.css alla riga 422:

#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(151,169,189,.5); border-color:rgba(151,169,189,.5);/* #97A9BD */}

Potresti provare a modificare in questo modo:

#mainav li li a, #mainav .active li a {
    color: #FFFFFF;
    background-color: rgba(85, 109, 136, 0.7);
    border-color: #d2d2d2;
}

Chiaramente valuta tu stessa se possa andare bene.

per poter scrivere a stampatello quelle voci come si potrebbe fare?

Si potrebbe eventualmente includere uno specifico font per poterlo usare in quel contesto ma dovresti chiarire meglio:

Cosa intendi per "stampatello"?
Sai già che font vorresti usare?
E' un font già disponibile col tema del sito o lo hai visto da qualche parte?

Consiglio: per la scelta dei caratteri valuta sempre prima il fattore leggibilità rispetto a quello artistico.

[Difficile64]

Allora ce l'ho fatta a mettere il maiuscolo nel menu ma adesso sussiste il problema principale del creare una sotto voce del menu principale, se vai sull'index ad esempio COSA FACCIAMO- QUILLING ART( qui vorrei altra voce)
Come si fa?http://www.magdadecoriamano.it

[KillerWorm]

Allora ce l'ho fatta a mettere il maiuscolo

ah, ecco cosa intendevi per "stampatello". Avevo frainteso.

Ad ogni modo, quello che hai fatto è sostituire tutti i testi con quelli in maiuscolo modificando direttamente i contenuti HTML; questa è considerata una cattiva pratica a livello di web design; è quello che chiamo "metodo artigianale".

Dal momento che si tratta sempre di un aspetto "presentazionale" degli elementi nella pagina, è sempre preferibile intervenire via CSS, con cui puoi far apparire il testo come meglio credi (tutto maiuscolo, tutto minuscolo, solo iniziali maiuscole, ecc.); quindi mantenere il testo originale (nell'HTML) nella regolare forma grammaticale, cioè minuscolo con l'iniziale maiuscola dove serve.

Il maiuscolo può essere applicato attraverso la proprietà text-transform:uppercase.

C'è da dire però che nella tua pagina questa proprietà è già applicata al contenitore principale <ul>, tant'è che le voci principali appaiono appunto in maiuscolo nonostante nell'HML non lo siano; inoltre tale proprietà e "ereditaria", cioè si trasmette per gli elementi discendenti, a meno che non venga sovrascritta in qualche modo.

Di fatto accade proprio questo nella tua pagina, la proprietà è applicata sul contenitore principale ma viene sovrascritta per i sottomenu.

Vedi le righe 213 e 214 del file layout.css dove hai queste regole:

#mainav ul {
    text-transform: uppercase;
}
#mainav ul ul {
    text-transform: none;
}

La prima imposta il maiuscolo, attraverso il valore "uppercase", su tutto il menu (compresi tutti i livelli di sottomenu) ma la seconda va a sovrascriverla per i sottomenu, annullando quindi l'effetto attraverso il valore "none".

Detto questo, tutto ciò che dovrai fare per ottenere tutti i testi dell'intero menu in maiuscolo, è eliminare/commentare quella seconda regola. Non ha alcun senso andare a modificare i testi originali nell'HTML.

se vai sull'index ad esempio COSA FACCIAMO- QUILLING ART( qui vorrei altra voce)
Come si fa?

Per avere un secondo livello di sottomenu, la struttura da usare è sempre <ul> <li>, e va impostata esattamente come hai già fatto per il primo livello di sottomenu. Non so cosa tu abbia provato a fare ma non c'è nulla di così complicato.

<ul>
   <li><a href="...">Home</a></li>
   <li><a href="...">Cosa facciamo</a>
      <ul>
         <li><a href="...">Quilling Art</a>
            <ul>
               <li><a href="...">Altra voce sottomenu 2° livello</a></li>
            </ul>         
         </li>
         <li><a href="...">Maglia</a></li>
         <li>...</li>
      </ul>
   </li>
   <li>...</li>
</ul>

So che questi concetti possono sembrare difficili da assimilare ma, se sei tu a doverci mettere mano, tutto sta nel fare pratica.