Menu a comparsa 
Autore: Francesco L.
Visite 1702,
Followers 2,
Condiviso 0
Salve a tutti,
ho un problema riguardo il Menu a Comparsa: in pratica sul desktop si vede tutto bene e ha messo lo stile, il colore ecc come voglio io, ma sullo smartphone è possibile modificare anche lì il colore, lo stile, ecc dei titoli?
Sullo smartphone compaiono i titoli del menu penso dello stesso colore, ma lo vorrei cambiare senza modificarlo nel desktop e vorrei che il rettangolo del menu a comparsa (sarebbe il menù principale del sito sugli smartphone) da bianco cambiasse colore.
Se qualcuno sa che sia possibile può dami una mano?
Postato il
Autore
Scusate forse volevo dire il Menu principale ma alla fine intendo sia quest'ultimo, il Menu a comparsa e il Menu di Pagina dove se è possibile modificare lo sfondo, il colore, lo stile ecc sugli smartphone senza modificare sul desktop!
... devi gestire tutto dalle impostazioni di stile previste dal programma...
... per interventi extra, solo se sei esperto, puoi prendere spunto dall'esempio di Mirko, studiando il sorgente della pagina...
... nel suo caso, come puoi notare, ha usato in HEAD/STYLE:
#imMnMn .hamburger-bar { background-color:red;}
... puoi evitare di strafare agendo correttamente ed in modo congruo per le due versioni nelle impostazioni del progetto...
.
Autore
Intendi dire su Personalizzazione del Modello e poi cliccando su Stile Testi? Se mi sbaglio mi dici dove lo trovo?
prova cosi: Impostazioni Avanzate>>>Statistiche SEO e Codici>>>Esperto>>>prima della chiusura del tag head metti questo:
<style>
#imMnMn .hamburger-bar { background-color:red;}
</style>
... purtroppo non ho il programma, ma il suggerimento ha spesso dato esito positivo nelle personalizzazioni previste da programma, quelle che si dovrebbero adottare...
... dovresti agire in queste due sezioni, > Stile del Menu Principale e > Stile del Menu a Comparsa ...
▪Tipo di Font:specifica il Tipo di carattere, le dimensioni e lo Stile del testo.
...
... oppure, prova in extra per come ti avevo anticipato e appena riproposto anche dallo stesso autore, Mirko...
... nel caso sarebbe meglio se posti il LINK del sito...
.
Autore
Il sito è https://www.risoluzionepc.it ma sul desktop è tutto ok, dovete visualizzarlo su uno smartphone così vedete il Menu (compare in alto e destra sotto ai contenuti Head e Footer) in cui appunto voglio modificare i colori dei testi e dello sfondo per lo smartphone
... non posso dirti molto, ma mi sembra regolare...
... dovresti sistemare meglio gli oggetti in header e footer...
... a certe risoluzioni intermedie/basse danno fastidio il messaggio pubblicitario ed il sitelok ...
...!... hai anche commesso un errore inserendo codice EXTRA:
<!-- End of assistenzarisoluzionepc Zendesk Widget script --> </head>
... ti sei trascinato un </head> ...che devi eliminare ...
,
Autore
Mirko Boschetti ho provato a inserire i dati che mi hai mandato cioè
<style>
#imMnMn .hamburger-bar { background-color:red;}
</style></head> (non ricordo se devo dare lo spazio dopo style> ma ho provato entrambi i modi)
ma niente sul cell il menu Home Page, Sistemi Operativi, ecc restano sempre uguali.
KoalAsim ho provato anche come hai detto tu ma cambia solo i colori, gli stili, ecc sul desktop mentre sugli smartphone restano sempre uguali. Prova a vedere con uno smartphone cliccando sulle tre lineette.
Riguardo l'errore che dici ho spostato </head> non più da solo ma alla fine della quarta riga.
Comunque inserendo questi dati (serve per creare la chat in basso a destra) mi lascia sempre uno spazio dopo l'ultima immagine che compare (per esempio sulla Home) dunque forse inserendo questi dati è normale che dia un pò di spazio?
ciao Francesco,
io ho inserito questo e si cambia il colore anche sullo smartphone, se vuoi provare?
inserito Statistiche, Seo e codice -> Prima della chiusura del tag HEAD
<style>
#imMnMn .hamburger-bar {
background-color:#FF13B5!important;
}
</style>
non scrivere nella 5* riga </head> basta inserire il codice cosi come è, in grasetto è il colore (puoi cambiare come vuoi)
Autore
ma dopo </style> devo inserire </style> </head> così?
Ora provo e ti faccio sapere, ma dico è possibile lasciare lo stile, il colore ecc sul desktop e modificarlo solo sullo smartphone?
... utilizzando correttamente il programma, il menu eredita le impostazioni generali...
... per quanto riguarda l'errore, non hai rimediato...!... ... ...eliminare non vuol dire spostare; ...i tag di pagina (html-head-body) devono essere univoci, e solo! quelli generati dal programma, pertanto elimina quel </head> precedentemente indicato...
.
Autore
KolAsim ho elimato </head> ma su tutte le pagine in basso mi da sempre uno spazio dopo l'ultima immagine che compare. Se guardi in basso a destra vedi l'icona "aiuto" che ho inseriro con il codice Html. Forse devo inserirlo su Esperto? Ma penso che non cambi nulla.
per lo spazio: se hai inserito come oggetto codice html ... ...devi impostare nell'oggetto html un'altezza di pochi pixel , ora vedo che c'è 350px
(in basso dentro l'inserimento)
Autore
A. Kris ho inserito ciò che hai mandato ma per cambiare i colori per lo smartphone (Home, Sistemi Operativi, Hardware, ecc e lo sfondo che a me risulta di colore bianco) senza modificare i colori per il desktop lasciando quelli attuali come si fa?
... quell'icona aiuto è fuori dal corpo dela pagina, come la letterina, e penso che vada bene; ... se ti servisse in posizione diversa devi inserire il codice in un Oggetto Codice HTML
.
Autore
Grazie Claudio e KolAsim risolto il problema, ora però ho fatto come ha consigliato di provare A. Kris per appunto cambiare il colore dei menu Home, Sistemi Operativi, Hardaware, ecc e appunto anche le scritte, ho inserito
<style>
#imMnMn .hamburger-bar {
background-color:#FF13B5!important;
}
</style>
ma come faccio a cambiare i colori sullo smartphone? Perchè se vado su Menu Principale, Menu a Comparsa e Menu di pagina li so che posso cambiarli, ma facendo così mi cambia tutto anche sul desktop, ma sullo smartphone resta sempre uguale (titoli Home, Sistemi Operativi, ecc sempre stesso colore e poi i rettangoli dove sono inseritii i titoli sempre di colore bianco)
...il bianco o altro del menu hamburger , oltre che da codice si può variare parzialmente da
modello
personalizzazione
menu a comparsa
Quello che metti lì vale per il menu hamburger... oltre che per il menu a tendina/comparsa...
Ti ricordo che sul Forum per ringraziare gli utenti che ti rispondono, puoi cliccare su "utile" (la manina verde col pollice in su) sotto al loro post...
Quando il post sarà risolto è buona norma cliccare su "Corretto" (la spunta verde) al post che ti ha risolto, per chiudere il post e far sapere alle altre persone che potrebbero avere un problema come il tuo che quella è la soluzione.
Se hai altre domande non legate strettamente al post che hai aperto, apri un nuovo post. Non porre nuove domande se diverse dal tema originario del post.
Autore
Cioè seguendo come ha detto A. Kris mi cambiale tre lineette (che portano su Home, Sistemi Operativi, Harware, ecc), ma vorrei che appunto le parole Home, Sistemi perativi, Hardware, ecc cambiassero colore solo sullo smartphone mentre sul desktop restano invariati come sono ora.
E' possibie?
Autore
Un'altra cosa: è anche possibile cambiare posizione del menu principale sullo smartphone da destra a sinistra perché nella struttura 720px (capovolgendo lo smartphone in orizzontale) non si vede? Infatti il menu principale compare sotto al messaggio pubblicitario dunque è impossibile utilizzarlo.
Provare per credere!
Qualcuno ha una soluzione?
con codice a parte, tutto si può fare...(o quasi)
http://www.mirboprova.altervista.org/ws-12/
Autore
Mirko Boschetti e vedendo il sito che hai messo cosa posso e devo fare?
puoi vedere se è quello che cerchi o non ho capito ?
Autore
Se hai uno smartphone ed entri nel sito https:/www.risoluzionepc.it puoi vedere che se lo visualizzi normalmente (senza ruotare lo smartphone) in alto a destra ci sono le tre lineette che cliccandoci sopra si apre il menu.
Se invece ruoti lo smartphone in alto a destra compare il simbolo della lettera che purtroppo copre il menu principale (sarebbero sempre i tre trattini).
Vorrei appunto sposatare il menu principale a sinistra sempre se è possibile per lo smartphone?
Autore
Riguardo i colori del menu principale non penso che ci sia un modo perché almeno le scritte restano uguali e il resto è di colore bianco. Comunque forse è meglio tenere nella "Risoluzione e Responsive Design" il "Sito Desktop" perché ha una visuale migliore rispetto al "Sito Responsive" sugli smartphone e così risolve il problema!
E' questione di gusti!
Come già detto sopra, con i codici puoi fare anche quello che chiedi....
Autore
Ma i codici dove li trovo?
Autore
Ho usato quello che mi hai mandato ma fa cambiare solo il colore dei tre trattini sugli smartphone e non pure le scritte Home, Sistemi Operativi, Hardware, ecc.
prova a vedere questo esempio:
http://quellidelcucuzzolo.altervista.org/templates/tamarillo12/
Autore
Tranquillo Mirko Boschetti preferisco avere la "Risoluzione e Responsive Design" in "Sito Desktop" rispetto al "Sito Responsive" anche perché fa vedere la visualizzazione in qualsiasi tipo di browser alla perfezione!
Grazie!