Autore Topic: Aggiornamento progetto con V13  (Letto 1169 volte)

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Aggiornamento progetto con V13
« il: 23 Novembre, 2016, 08:35:35 »
ciao , sto facendo delle prove per l'aggiornamento di un stio web con le funzioni di responsive della versione 13 PRO.

URL : http://rwd-test.trevitec.com/ (è un sotto dominio per le prove prima di riversarlo su quello definitivo)

Si tratta di un progetto importato dalla versione 11 PRO

breakpoint impostati : 3

>1020
compreso tra 1019 e 760
< inferiore a 760

Problemi rilevati :

1)L' hamburger menù rimane visualizzato nella visualizzazione sopra i 1020 e non si visualizza più il menù;  sparisce sotto i 760

2)nella ris tra 1019 e 760 cliccando sul menù hamburger le immagini nell'header rimangono in primo piano rispetto al menù

3) altri problemi che adesso non sto a elencare..

Dal codice delle pagine qualcuno riesce a capire dove potrebbe essere il problema?

Grazie
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Aggiornamento progetto con V13
« Risposta #1 il: 23 Novembre, 2016, 12:55:51 »
Ciao, per quanto riguarda l'icona del menu hamburger che scompare sotto i 760px, in realtà c'è ma non si vede perché lo sfondo è dello stesso colore:

[ Guests cannot view attachments ]

Per il menu "normale" che non si visualizza, prova a modificare i breakpoint per vedere se si "sblocca" qualcosa.

Per quanto riguarda il punto 2, c'è un "problema" di z-index che puoi risolvere temporaneamente con questo CSS toppa:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Se è un bug o altro non saprei dirtelo.

Rimuoverei il file cookiechoices.js che hai allegato al progetto perché ti genera un errore JS, probabilmente causato dalla libreria jQuery più recente utilizzata dalla versione 13.



milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:Aggiornamento progetto con V13
« Risposta #2 il: 23 Novembre, 2016, 19:06:11 »
Ti ringrazio per la risposta.

Ho risolto il problema del menù che non si visualizzava (nella modalità responsive) modificando il tipo di carattere importato dal progetto della 11 e sistemando la larghezza. Rimane però il problema dell'hamburger che evidentemente prende le impostazioni di colore del menù (che è trasparente con linee di contorno bianche) e quindi non si vede sullo sfondo bianco.

Mi sembra che non ci sia nessuna possibilità di controllare le impostazioni dell'hamburger se non utilizzando del codice (sia per la posizione, grandezza e colore)

Lemonsong ha scritto :
>>
Codice: #imMnMn.main-menu {
    z-index: 50;
}
Se è un bug o altro non saprei dirtelo.
>>

il tuo codice funziona benissimo e confermo che si tratta di un bug che "avevo" già segnalato in fase di beta test ma che non è stato preso in considerazione. E' strano che nessuno se ne sia accorto.


Mod 19.24

In realtà è possibile modificare la posizione dell'hamburger menù cambiando la posizione del menù nelle impostazioni responsive. Modificando da Menù sotto l'Header a Menù sopra l'header, nelle risoluzioni basse il menù hamburger lo vedi in alto a destra.
« Ultima modifica: 23 Novembre, 2016, 19:27:12 da milux »
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Aggiornamento progetto con V13
« Risposta #3 il: 23 Novembre, 2016, 19:34:05 »
Oltre a spostarlo dove vuoi, dovrebbe essere sufficiente assegnare un colore di sfondo al menu.