Back to top

Autore Topic: Aggiungere div in off canvas menu in helix3  (Letto 2151 volte)

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Aggiungere div in off canvas menu in helix3
« il: 13 Mar 2018, 11:39:26 »
Ciao avrei bisogno di customizzare l' offcanvas-menu di helix3.
Mi spiego meglio..attualmente quando apro il menu ho un alto a dx la "x" di chiusura...devo spostare la "x" a sinistra(e ci sono riuscito) poi devo aggiungere il logo del sito in alto al crentro e un bottone  un alto a dx (non ci sono riuscito fino ad ora).
Immagino io debba modificare dell'html aggiungendo dei div ma non saprei dove guardare???Qualche aiuto?
Dal forum di helix non mi forniscono aiuti per la customizzazione del template.... :-X

adottauncane

  • Visitatore
Re:Aggiungere div in off canvas menu in helix3
« Risposta #1 il: 13 Mar 2018, 11:53:26 »
Ciao,
prova così:

Codice: [Seleziona]
.offcanvas .offcanvas-menu {
background-image:url(/url-tua-imagine.jpg);
background-repeat: no-repeat;
padding-top: 80px;
}

metti il tuo url e sposti il padding-top quanto serve.

Quando chiedi aiuto per i css però metti sempre un link.

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #2 il: 13 Mar 2018, 12:10:25 »
Ma questa classe a chi la devo associare?? attualmente nella parte alta del menu ho solo un div che sarebbe la "x".
Non devo aggiungere altri 2 div? uno per il logo dove appunto userò un background-image e un div per creare il bottone?
« Ultima modifica: 13 Mar 2018, 12:11:56 da adottauncane2 »

adottauncane

  • Visitatore
Re:Aggiungere div in off canvas menu in helix3
« Risposta #3 il: 13 Mar 2018, 12:18:54 »
La metti nel file custom.css per inserire il logo in alto. Per il bottone che vuoi inserire non capisco a cosa serva.

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #4 il: 13 Mar 2018, 12:52:58 »
Non devo aggiungere altri 2 div? uno per il logo dove appunto userò un background-image e un div per creare il bottone?

In che senso?
Crei due moduli personalizzati con ciò che ti serve e li pubblichi nella posizione offcanvas.
O no?

Ma questa classe a chi la devo associare??

La classe .offcanvas .offcanvas-menu non la devi associare a nulla; è già "associata" al div dell'offcanvas. La modifichi secondo le indicazioni di adottauncane e otterrai ciò che ti serve.
« Ultima modifica: 13 Mar 2018, 12:57:59 da Limma »

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #5 il: 13 Mar 2018, 14:42:28 »
provo creando un modulo
« Ultima modifica: 13 Mar 2018, 14:59:59 da adottauncane2 »

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #6 il: 13 Mar 2018, 18:12:14 »
ok ho creato 2 moduli uno con il logo e l'altro con il bottone adesso mi trovo
tutto su 4 row
x
logo
bottone
menu
 :(

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #7 il: 13 Mar 2018, 18:46:48 »
...
Mi spiego meglio..poi devo aggiungere il logo del sito in alto al crentro e un bottone  un alto a dx (non ci sono riuscito fino ad ora).

Non è che si capisca benissimo come li vuoi...
Logo e bottone allineati?
Il menu sotto al logo e bottone?

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #8 il: 13 Mar 2018, 20:11:20 »
Ho fatto una prova nella posizione offcanvas di questo sito.
Un logo e un bottone sulla stessa linea.

Offline adottauncane2

  • Esploratore
  • **
  • Post: 84
    • Mostra profilo
Re:Aggiungere div in off canvas menu in helix3
« Risposta #9 il: 14 Mar 2018, 09:23:04 »
Citazione
Non è che si capisca benissimo come li vuoi...
Logo e bottone allineati?
Il menu sotto al logo e bottone?

L'obbiettivo è:
il menu si apre a tutto schermo
nella prima row: "x" "logo" "bottone contatti"
nella seconda row:  tutto a sinistra la lista del menu.


la situazione attuale è quella in foto.
« Ultima modifica: 15 Mar 2018, 14:58:27 da adottauncane2 »

 



Web Design Bolzano Kreatif