Header e Footer differenti tra versione desktop e mobile 
Autore: Elio C.
Visite 1772,
Followers 1,
Condiviso 0
per il sito che sto realizzando vorrei creare una piccola animazione con webanimator da inserire solo nella versione desktop, ma automaticamente mi viene inserita anche nella versione mobile, posso inserire degli elementi in una versione e altri nell'altra?
stessa domanda anche per le singole pagine... ci sono alcuni elementi che nella versione mobile non mi interessano e vorrei eliminarli. grazie
Postato il
... come da Guida, solo nei breakpoint inferiori puoi escludere degli elementi, quindi basta che ti regoli di conseguenza...
... header e footer li puoi personalizzare per ogni breakpoint...
... altrimenti, se non bastasse e se se sei esperto, puoi ricorrere a codice extra...
.
Autore
grazie gentilissimo, ma visto che vorrei differenziarli pensavo di fare 2 siti distinti come letto in altri post, mi chiedevo solo come farli indirizzre in base al dispositivo utilizzato
Autore
cmq sicuramente sbaglio io qualcosa ma non riesco a gestire separatamente i breakpoint, le modifiche che apporto ad uno si riperquotono sulle altre risoluzione, se aggiungo o rimuovo un elemto si vede su tutte
Autore
ok capito l'errore, rimane la domanda su come indirizzare 2 siti distinti in base alla risoluzione grazie in anticipo
... sempre dalla guida, con la tua versione puoi usare questa opzione
>> ▪
Rileva automaticamente la risoluzione
.
ma per ogni breakpoint nell'header e nel footer devi nascondere o rendere visibili gli elementi come più ti aggrada, c'è la funzione apposita "Mostra/Nascondi", vedi screenshot sotto....
Se in un breakpoint superiore (o desktop che dir si voglia) hai, per esempio, un Testo che risulta di dimensioni ottimali e ben visibili nei breakpopint superiori ma nei breakpoint inferiori lo stesso Testo è troppo grande rispetto alla larghezza del breakpoint, NON devi variare la dimensione del testo all'interno dell'Oggetto altrimenti tale riduzione della dimensione si ripercuoterà su tutti gli altri breakpoint (anche quelli nei quali la dimensione era ottimale). In questo caso devi fare un "copia/incolla" dello stesso Oggetto Testo nel breakpoint inferiore e devi quindi operare con la riduzione del testo sull'Oggetto appena copiato e incollato mentre l'altro Oggetto Testo (quello con il testo di dimensioni ottimali per i breakpoint superiori) lo devi semplicemente nascondere con la funzione indicata sopra (e più precisamente con la funzione "Nascondi per questa visualizzazione e per quelle inferiori").
Per gli oggetti nella Pagina invece devi operare sulla funzione "Responsive" e anche lì ordinare prima di tutto nell'ordine che più preferisci tutti gli oggetti e poi decidere quali mostrare e quali no nei vari breakpoint aggiungendo anche le "interruzioni di riga" tramite l'apposito comando per ottimizzare la visualizzazione della pagina ai vai breakpoint (vedi screen sotto)