Inserire Pulsante cta in hamburger menu 
Autore: Arredi Della Costa
Visite 818,
Followers 3,
Condiviso 0
Buongiorno ragazzi, sfogliando alcuni siti mi è capitato di trovar spesso una call to action nell header.
Mi chiedevo come poterla inserire al click nell hamburger menu. Allego un esempio: ps ci sono anche riferimenti a lingue che non sarebbe male poter visualizzare direttamente nell'hamburger, in modo da poter lasciar l'header pulito. Avete idea di come poter fare? Grazie
Postato il
Autore
nessuno ragazzi?
... io non so se ho capito, ... ma secondo me non dovrebbero esserci problemi ad usare nel menu al posto della pagina il livello, ed assegnare alle proprietà di questo, aspetto e relativi collegamenti, come previsto dalle opzioni...
.
Autore
mi spiego meglio. Il menu principali ha le sue sottosezioni. ( esempio home- about- ecc) Da mobile, aprendo l'hamburger menu vorrei poter vedere anche l'oggetto pulsante con la relativa call to action o che so anche la sua bandierina, in modo da avere l'header con logo e menu esteso in visualizzazione desktop, ma quanto passo in responsive ad altra visualizzazione,aprendo l'hamburger menu ho anche i relativi spazi dedicati alla bandierina cambio lingua e l'oggetto pulsante a cui collegare una call to action. Non so se ho reso bene. Grazie
... cioè, tu vorresti che la bandierina si vedesse solo nell'hamburger e non nel menu esteso...?...
... in questo caso penso che forse occorrerebbe del codice EXTRA...
... se riesci a postare un semplice link di un tuo esempio online, per me sarebbe meglio per poter capire...
.
Autore
Ciao Kola, nel primo post ho allegato un esempio di un sito. è esattamente cio che intendo
... attualmente io non posso provare direttamente nel programma, ma penso che in teoria non dovrebbero esserci problemi nei modi detti...
... magari attendi il parere di altri che possono sperimentare direttamente...
ciao
.
secondo me, se inserisci un livello, senza pagine sotto, e gli assegni nelle proprietà, passso 3, mappa, puoi con gli strumenti di website, assegnare un link (a quello che vuoi pubblicizzare e vuoi far fare), con una icona sul menu (freccia, pallino o immagine personalizzata), senza inserire codice extra... se ho capito bene...
... ciao Antonio, come avevo pensato anche io inizialmente; ...con pochi click ci si potrebbe riuscire...ciao.
Ciao Skeggia, da quello che mi sembra di capire lui vuole che tale pulsante con link appaia solo nel menù hamburger. Così come hai spiegato tu succede che il livello, con relativa icona e collegamento, apparirà anche nel menù esteso. Al massimo si può inserire un codice extra per rendere invisibile tale pulsante nella visualizzazione desktop e lasciarlo visibile in quella responsive.
@Arredi della Costa, devi usare, come detto da Kol e Skeggia, un Livello senza nessun nome al PASSO 3 Mappa, devi poi inserire nelle "Proprietà" del Livello sia il collegamento che l'icona da visualizzare sul menù, cioè l'immagine del pulsante (con dimensioni congrue ad essere contenuto nell'hamburger) e poi inserire al PASSO 1 "Impostazioni / Statistiche e Codice / Codice Personalizzato / Codice / Prima della chiusura del Tag HEAD", il seguente codice:
<style>
@media screen and (min-width: 1150px) {
#imHeader_imMenuObject_01 .imLevel {
display: none !important;
}
}
</style>
Devi modificare il valore in grassetto in base ai tuoi breakpoint e inserire il valore del breakpoint che nel tuo progetto fa apparire il menù hamburger. Nel mio esempio tale valore è 1150px (come indicato nel codice), al di sotto dei quale appare l'hamburger menù.
Qui l'esempio online, dovrebbe fare al caso tuo:
https://www.bozzasito001.altervista.org/cta_in_hamburger/
P.S. se si vuole essere precisi al massimo ed ottenere una migliore compatibilità con i browser più vecchi, che potrebbero non riconoscere le media query, allora devi sostituire nel codice di sopra questa stringa:
@media screen and (min-width: 1150px)
con questa:
@media only screen and (min-width: 1150px)
tutto il resto rimane invariato.
Ciao
.
Autore
Buongiorno Ragazzi ed innanzitutto, grazie a tutti per il supporto datomi. Ho fatto le dovute prove,ma in caso di font più larghi ed in base al numero di pagine esistenti, c'è la controparte che si potrebbe perder la possibilità di visualizzar il menu principale (come nel mio caso) nella visualizzazione desktop, riducendolo al solo tasto per l'hamburger.
Credo che si potrebbe pensare come suggerimento la possibilità di poter inserire pulsanti direttamente nelle sezioni menu di livello o hamburger menù, visto l'importanza ormai nei siti di una call to action adeguata ed immediata, senza possibilità di dover inserire troppi codici esterni. Alla fine sarebbe un semplice copia incolla.
Credo che farò in modo di metter l'oggetto pulsante o in header o in footer.
Ma qualora si potesse aggiungere questa possibilità di cui parlavo poco sopra, sarebbe il top.
Grazie mille comunque per il supporto a voi ragazzi e buona domenica.
Arredi della Casa, scusami ma non capisco dov'è il problema a questo punto: meglio ancora se nel tuo caso appare già l'hamburger alle visualizzazioni desktop: in quel caso fai tutto come giá ti é stato descritto sopra evitando l'inserimento del codice extra e hai risolto il tuo problema
P.S. Naturalmente l'immagine del pulsante te la crei/procuri a priori e, come già detto da molti e da me, la inserisci nel livello come icona.