- abbiamo reso visibili gli oggetti contenuti nel footer anche a basse risoluzioni, scrivendo il codice per renderli responsive;
- abbiamo modificato il menu mobile in modo da occupare l'intera finestra.
Ci auguriamo di non trovare in rete, anche questa volta, il nostro adattamento venduto così com'è poiché riteniamo sia eticamente scorretto e irrispettoso del lavoro altrui.
Qui la demo (versione 12.0.1.15):
|
| DEMO |
Le risorse utilizzate nel template sono:
- Font Awesome
- Google Font "Montserrat"
Per integrare il Google Font, prima di importare il progetto, occorre inserire il relativo file .ttf nella sezione "Preferenze" del programma. Oltre che da Google Font, è possibile scaricare il file da QUI.
Questo il codice @import da noi utilizzato:
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
Si fa presente inoltre che abbiamo mantenuto nel footer il form newsletter del template originale che risulta però inattivo poiché NON è associato ad alcun file .php. L'inserimento di un form nel footer da programma attualmente non è previsto quindi, se lo si vuole lasciare, occorrerà scrivere il relativo script PHP per l'invio della mail. Un'alternativa è creare il form con il programma in una pagina nascosta e richiamarlo nel piè di pagina (Codice HTML) con un iframe o inserendo direttamente il codice HTML del form. In questo ultimo caso si dovrà anche inserire i CSS relativi al Passo 4.
Nella pagina download sono presenti i file .iwzip da scaricare sia per la Evolution che per la Professional:
Nella versione Evolution sono stati inseriti dei codici supplementari per sopperire alla mancanza della funzionalità "Interruzioni di riga" presente invece nella Professional.
Tutti i blocchi di codice personalizzato, inseriti nelle sezioni previste dal programma e nel file custom.css, sono commentati per permettere una facile lettura ed eventuale modifica, modifica che potrebbe diventare obbligatoria nel momento in cui si aggiungono/cambiano gli oggetti presenti nella griglia della pagina. Consigliamo quindi ai meno esperti di limitarsi a cambiare i contenuti senza modificare la struttura.
Per problemi di visualizzazione o difficoltà incontrate nelle personalizzazioni, potete contattarci a questo indirizzo quellidelcucuzzolo@altervista.org oppure attraverso i commenti di questo post.
Aggiornamento del 25/11/2015:
- in seguito al rilascio della versione 12.0.3.19 è stato necessario modificare i selettori legati all'ancora dell'oggetto Modulo Invio E-mail.
#contact-form + divcon
#contact-form + div + div
Aggiornamento del 10/12/2015:
- in seguito al rilascio della versione 12.0.4.20 è stato necessario modificare, un'altra volta, i selettori relativi all'oggetto Modulo Invio E-mail.
#contact-form + div + div form fieldset div divcon
#contact-form + div + div form fieldset > div > div
Ciao ragazzi.
RispondiEliminaCome prima cosa vi ringrazio, per il materiale ed esperienza che mettete a disposizione.
Premetto che io ho appena acquistato WebSite X5 Evolution 12 e stavo provando i Vostri teplates, risultato... Una figata !!! In realtà, quello che mi piacerebbe fare è un sito ancor più completo, magari con ecommerce...
Voi sapreste indicarmi qualche sito dove trovare questo ?
Ringrazio anticipatamente
Marco B.
Ciao Marco,
Eliminagrazie a te per il tuo messaggio.
Puoi trovare dei template con e-commerce nelle sezioni Templates sul sito di supporto di WebSite X5 (X5 Answers).
Grazie
EliminaCi provo, ma ieri credo non funzionasse.
Ho scaricato il vs. template che mi piace molto.
RispondiEliminaVorrei sapere come faccio a cambiare le immagini nelle pagine about, contact e portfolio dato che per la home la cambio nella struttura del modello.
Poi vorrei cambiare il colore nero della barra nera sopra il menù e il nero del corpo della pagina.
Grazie in anticipo
Ciao Carlo,
Eliminagrazie per il commento.
Per cambiare le immagini devi andare nelle Proprietà di ogni Pagina -> Esperto -> Prima della chiusura del tag HEAD e sostituire nome e percorso delle immagini scelte in questa riga di codice: "background-image: url('img/about-header.jpg');"
Ricordati di allegare le immagini al progetto al Passo 4 -> Statistiche, SEO e Codice - Esperto - File allegati al codice
Puoi cambiare il colore e le immagini di sfondo al Passo 1 -> Stile del Modello -> Struttura del Modello Principale e Struttura del Modello Responsive.
Grazie per la celere risposta.
EliminaMa nel passo 1 non mi fa cambiare lo sfondo nero dei tre rettangoli colorati. Non ho capito se è una maschera o qualcosa del genere.
Ciao Carlo,
Eliminase ti stai riferendo allo Sfondo della Pagina e se non riesci a selezionarlo cliccando sull'anteprima, prova a ridurre in larghezza la finestra di WebSite o prova ad utilizzare il menu a tendina della Sezione della pagina.
come sostituire il colore "nero" del content? grazie.
RispondiEliminaCiao Stefano,
Eliminaprova a leggere le risposte che abbiamo dato a Carlo nei commenti precedenti.
Ciao e complimenti, ho scaricato alcuni template da "www.templatemo.com", come faccio a imprtarli in websitex5 ?
RispondiEliminaCiao Simone,
Eliminagrazie per il tuo messaggio.
Non puoi importarli automaticamente, devi usare gli strumenti del programma per ricostruire il layout ed i vari elementi che lo compongono.
In alcuni casi, però, occorre superare i limiti di WebSite X5 inserendo codici ad hoc e questi variano da template a template.
Ciao, intanto grandissimo lavoro! Davvero una caso da studiare.
RispondiEliminaTi volevo chiedere:
1) qual'è di preciso l'utilità dell'oggetto html con scritto dentro solo ""?
2) il template si appoggia a bootstrap?
Grazie
Sandro
Ciao Sandro,
Eliminagrazie a te per questo messaggio.
Ti rispondiamo per punti:
1) gli oggetti HTML con il commento < ! -- HTML PAD -- > hanno una funzione "cuscinetto", agendo come margini laterali di alcuni oggetti; cosa che si poteva ottenere anche con altri metodi;
2) il template originale sì, il nostro adattamento no
Ciao Ragazzi...
RispondiEliminaper modificare lo sfondo degli oggetti (arancio-verde-giallo) come posso fare ? Grazie
Ciao Simone,
Eliminapuoi cambiare il colore di sfondo degli oggetti semplicemente da programma: "Stile della Cella".
scusate dove e come è possibile sostituire il logo nel menu?
RispondiEliminagrazie.
Ciao Vox,
Eliminanella sezione "Menu" della "Struttura del Modello Responsive" trovi "Logo Azienda".
Ciao ragazzi volevo ringraziarvi per le ottime guide che suggerite.Volevo chiedere cè ancora la possibilita' di scaricare Onetel alla versione 12.0.1.15?
RispondiEliminaversione Professional
EliminaCiao Luca,
Eliminano, non abbiamo conservato il file della vecchia versione.
Perdona la domanda, perché vuoi un file non aggiornato alla versione attuale di WebSite?
Perche' da quando ho provato a fare l'aggiornameto,a volte lagga si chiude e torna alla versione precedente ma penso che ho problemi con la ram.Anche con gli Adobe Photoshop,Illustrator ecc fa lo stesso.Ma con la 12.0.1.15 va bene (Non è Craccata)
RispondiEliminaSalve. Trovo il progetto veramente grandioso,sicuramente il migliore che ho trovato.
RispondiEliminaVolevo chiedere come posso aggiungere altri oggetti in home (arancio,verde,giallo)e fare in modo che si muovano nello stesso modo
ho risolto grazie e buon lavoro
EliminaBene, siamo contenti :)
EliminaBuon lavoro anche a te
Ciao e complimenti ancora...vorrei sapere come fare per sostituire la banda del footer di colore nero...facendo delle prove ho pensato che il codice da modificare è il seguente :
RispondiElimina<
//resize footer_bg by Incomedia
function resize_footer_bg() {
height = $("#imFooter").height();
if (height >= 434) $("#imFooterBg").css("height", height);
}
$(window).on("resize load", resize_footer_bg);
e l'immagine inserita come sfondo è quella che avete allegato nominadola: footer_bg_mob_720.png....giusto? Volendo usare questa "banda" anche su altri prg che sto facendo cosa devo fare? ho provato a ricopiare il codice quindi ho creato uno sfondo 1920x150 nero e salvato con lo stesso nome (footer_bg_mob_720.png) e caricato in "file allega codice" ma non funziona
Grazie e complimenti ancora
Ciao e grazie del commento,
Eliminaquel codice che hai postato serve per dinamicizzare l'altezza dello sfondo del piè di pagina.
L'immagine footer_bg_mob_720.png viene visualizzata solo a risoluzioni inferiori a 720px.
Se vuoi riprodurre tutto il footer su altri progetti o cambiare i colori/immagini di Onetel, devi mettere mano anche:
- in struttura del modello principale/responsive
- nel file custom.css (le parti interessate sono precedute dal commento "footer")
Ciao, intanto voglio fare i miei complimenti per il vostro lavoro...
RispondiEliminaCome avete giustamente citato nell'articolo, nella versione Evolution non è possibile impostare le interruzioni di riga nel modulo Responsive, se non aggiungendo codice personalizzato; potete aiutarmi a capire quale codice supplementare avete aggiunto?
Grazie mille..
Gianluca
Ciao Gianluca,
Eliminagrazie per il tuo commento.
In Proprietà Pagina, Esperto, Prima della chiusura del tag HEAD delle pagine HOME e PORTFOLIO puoi trovare le media queries utilizzate, con relativo commento agli oggetti interessati, per ottenere lo stesso effetto delle interruzioni di riga del programma.
Ciao e grazie per il lavoro che state facendo.
RispondiEliminaSto lavorando a questo progetto (bellissimo) e sono riuscita ad inserire nuove immagini di background alle varie pagine. Mi sono accorta che riducendo la risoluzione l'immagine si rimpicciolisce un pò e si vede solo la parte sinistra. Per lasciare l'immagine centrata (ad esclusione di quella della home) come devo fare? Altra domanda: può il testo sull'immagine della home, scendere in basso quando la visualizzazione è smartphone e non andare sulla foto?
Grazie e complimenti ancora
Daniela
Ciao Daniela,
Eliminagrazie per il tuo commento.
Per quanto riguarda l'immagine di sfondo nel progetto è già impostata in modo che si visualizzi centrata. Probabilmente hai modificato l'allineamento in Struttura del Modello. Se fosse così ripristina l'allineamento "centro" in struttura del modello e, in Proprietà Pagina della home aggiungi questa regola CSS (all'interno dei tag <style> </style>:
#imHeaderBg {
background-position:left center;
}
Per il testo, sempre in Proprietà Pagina all'interno dei tag <style> puoi inserire una media query che sposti il contenuto in basso a partire da una certa risoluzione. Esempio (i valori sono da personalizzare):
@media (max-width: 959px) {
#imContent {
padding-top: 150px;
}
}
Più di così in un commento non possiamo fare... se hai ancora problemi puoi contattarci via mail magari anche con un link alla tua prova.
Non so se ho capito bene, però ho trovato che impostando l'immagine originale alla dimensione Altezza 657px
EliminaLarghezza 2.048px risulta sempre ben posizionata.
Salve scusatemi per il disturbo, ma nei campi Prima della chiusura del tag Head, voi consigliate di sostituire il codice:
RispondiElimina#contact-form + div + div form fieldset div div
con
#contact-form + div + div form fieldset > div > div
Purtroppo io ho questo codice nel riquadro:
//resize footer_bg by Incomedia
function resize_footer_bg() {
height = $("#imFooter").height();
if (height >= 434) $("#imFooterBg").css("height", height);
}
$(window).on("resize load", resize_footer_bg);
Quindi come e cosa dovrei sostituire??
Ciao Beta Test, nessun disturbo :)
EliminaL'aggiornamento riguarda l'Oggetto Modulo E-mail, quindi devi apportare le modifiche nelle proprietà della pagina "Contact".
Tieni conto che, se hai scaricato il file .iwzip dopo il 10 dicembre, è già aggiornato.
Buonasera, c'è un metodo per utilizzare questo template con Website X5 ev11 ??
RispondiEliminaGrazie
Ciao Antonio,
Eliminano, purtroppo per utilizzarlo con la versione 11 dovresti rifarlo dall'inizio e aggiungere un bel po' di codice per renderlo responsive.
Per la 11 trovi solo questi 4? C'è qualche altra fonte?
RispondiEliminaSì, noi abbiamo adattato solo 4 template per la versione 11.
EliminaPuoi trovare dei template nelle sezioni Templates sul sito di supporto di WebSite X5 (X5 Answers) oppure con una ricerca su Google.
salve qualcuno ha provato ad aggiungere lo script per il form mail nel footer? io ci ho provato ma mi manda solo la mail senza i campi. grazie
RispondiEliminaCiao Olindo,
Eliminaevidentemente hai sbagliato qualcosa. Che script hai usato?
ciao maesi grazie mille ci sono riuscito.. www.voicesaudio.com/prova nel footer così vedete come ho fatto.
RispondiEliminaSalve, vi ringrazio per il lavoro svolto.
RispondiEliminaSiccome vorrei avere 7 pagine con l'immagine di sfondo a pieno schermo, come faccio ad implementarne altre?
Ciao Vincenzo,
Eliminaforse non abbiamo capito bene cosa vuoi fare ma non ti è sufficiente creare le altre pagine copiando/incollando quelle esistenti?
salve, il codice import@url del font non si legge nelle indicazioni, potreste riportarlo? grazie
RispondiEliminaCiao Vox,
Eliminanon capiamo quello che ci stai chiedendo ma il codice @import si vede correttamente.
Se, per qualche tuo motivo, non lo vedi puoi sempre trovarlo alla prima riga dei css di pagina della demo online.
Oppure dal sito di Google Fonts stesso.
Cioa MaeSi,
RispondiEliminaComplimenti per il vostro lavoro ed un elogio al Vs. supporto.
Ho effettuato il download del Vs. Template Onetel ed ho una piccola richiesta.
Come posso aggiungere ai Bottoni della Home "LEARNE MORE" e "VIEW MORE" un collegamento ad una nuova pagina del sito stesso oppure ad un link internet !?
Ringrazio anticipatamente per il vs. gentile aiuto
Un cordiale Saluto
Luigi
Ciao Luigi,
Eliminagrazie del commento.
I pulsanti sono stati inseriti con codice HTML nei relativi Oggetto testo per LEARN MORE e Oggetto HTML per VIEW MORE. Per cambiare la destinazione del link basta semplicemente cambiare il valore dell'attributo href che trovi nel codice.
Se ti trovi in difficoltà con le modifiche al codice puoi sostituirli utilizzando gli strumenti del programma, ad esempio con Oggetti Immagine.
salve,
RispondiEliminavolevo chiedere come ottenere l'effetto responsive dell'immagine sfondo intestazione.
Ho preso spunto dal modello in questione, ma l'immagine non si adatta come su onetel..... c'è bisogno di qualche script o codice particolare .
Grazie
Ciao Antonio,
EliminaPer le immagini sotto l'intestazione abbiamo aggiunto questo CSS:
#imHeaderBg {
background-size: cover;
top: 70px;
}
Grazie MAeSI, ho provato ad aggiungere il codice, ma non funziona.
EliminaAggiungo il codice al passo 4 (impostazioni avanzate)-->statistiche,seo e codice--> sezione esperto..> prima della chiusura del tag head..... forse c'è qualche passaggio che sbaglio??..
Grazie per la tua disponibilità.
Ciao MAeSI, ho risolto il file da modificare era il css, mentre con la procedura indicata io modificavo il file html.
RispondiEliminaAdesso il problema sarà far mantenere questo codice con website.
Si prosegue con lo studio.
Grazie
Ciao Antonio,
Eliminase, come hai scritto, hai preso spunto da questo template, è sufficiente guardare come sono stati scritte tutte le regole CSS che abbiamo aggiunto: le troverai in un file CSS esterno (custom.css) e anche "Prima della chiusura del tag HEAD" (ovviamente tra i tag <style> e </style>).
Questi sono 2 modi per far mantenere le modifiche su WebSite X5.
Salve...complimenti per i bei consigli che date e per tutto altro che fate...
RispondiEliminaRealizzando un nuovo progetto con evo12 come si fa ad aver un pie pagina bello come il vostro,....Template Onetel....non sono molto pratico xò magari col vostro aiuto posso riuscirci...
Ciao,
Eliminagrazie per il commento.
Puoi scaricare il template Onetel e guardare cosa abbiamo fatto:
- in Personalizzazione del Modello, Pié di Pagina, il codice inserito negli oggetti HTML
- nel file custom.css allegato al progetto puoi trovare le regole CSS utilizzate (le parti interessate sono precedute dal commento /* footer */ )
- al Passo 4, Statistiche SEO e Codice, sez. Esperto, prima della chiusura del tag HEAD, il codice JavaScript che serve per dinamicizzare l'altezza dello sfondo del piè di pagina, individuabile da questo commento //resize footer_bg by Incomedia.
Grazie per aver risposto alla mia domanda..
RispondiEliminaHo fatto qualche prova e sembra che ci ci riuscito...
Xò vorrei capire come sia possibile abbassare l'altezza del footer..magari da 434 a 300...naturalmente togliendo alcune cose tipo il form per la newsletter e mettendo al suo posto le icone per i social...
Devi modificare l'altezza del piè di pagina da programma sia nella struttura del modello principale e che nel modello responsive e quindi modificare il valore 434 con quello che desideri nel codice javascript che ti abbiamo indicato nel commento precedente.
Eliminaok...per togliere il form devo cancellare tutte le chiamate dove sta scritto ( #imFooter .form-control ) ???
RispondiEliminaCiao,
Eliminase abbiamo capito cosa vuoi dire, devi cancellare il codice HTML che si trova negli oggetti del pié di pagina.
Poi, se vuoi, puoi anche cancellare le regole CSS relative.
Se hai ancora problemi, posta un link alla tua prova online.
Questo commento è stato eliminato dall'autore.
RispondiEliminaSalve prima di tutto grazie per il grandioso lavoro, smanettando un po ho aggiunto altri elementi alla home, ma nel footer nella versione responsitive mi trovo i vari blocchi in disordine, come posso riordinarli? http://www.minejoys.com/personalizzazione/
RispondiEliminaCiao Luigi,
Eliminagrazie per il commento.
Per prima cosa, avendo aumentato la larghezza del sito, devi anche modificare i valori delle media queries.
Per quanto riguarda i blocchi del footer, probabilmente hai cancellato e rifatto il primo blocco, e in questo modo WebSite ha cambiato l'ordine dei div nel DOM; lo puoi vedere dal sorgente: nella tua pagina il blocco che si visualizza per primo a sinistra è presente nel sorgente per ultimo e questo scombina tutte le regole CSS che abbiamo inserito.
Il modo più semplice per risolvere è rifare (copia/incolla) i 4 oggetti inserendoli uno alla volta nel piè di pagina nell'ordine giusto (il primo da inserire è quello che contiene il commento footer section1 e l'ultimo footer section4).
OK, grazie provvedo subito alle modifiche, gentilissimo come sempre.
EliminaCiao MAeSI non riesco a capire dove modificare i valori della media queries, son sono poi così esperto, puoi spiegarmi per favore. Ciao e grazie anticipatamente
EliminaNel file custom.css trovi la prima media query impostata a 959px. Devi modificare questo valore con 1199px.
EliminaInoltre il quarto blocco, che si dispone in responsive al 100% della larghezza, deve essere largo quanto il sito, cioè 1200px e con posizione sinistra a 0. Sempre questo blocco nell'originale è nella parte bassa più scura del footer, tu lo hai spostato più in alto: se lo vuoi lasciare in quella posizione devi regolare, sempre nel file custom.css, il valore di padding assegnato all'oggetto (#imFooter div.imTemplateContent:nth-child(4))
Ok grazie, ora ci provo.
EliminaSalve sto usando il vostro template ed avrei bisogno di allargare la larghezza della pagina a 1280. Ho provato ad allargare la dimensione dell'intestazione da programma ma mi si scombina tutto il layout. Potreste darmi indicazioni se ce bisogno di intervenire sul codice?
RispondiEliminaGrazie mille
Ciao Andrea,
Eliminapuoi trovare le indicazioni che ti servono nelle risposte che abbiamo dato a Luigi Ferrara (i commenti precedenti al tuo).
Se hai difficoltà posta il link alla tua prova online.
Grazie mille non avevo visto il post. Ci provo
EliminaCiao ragazzi. Complimenti per il lavoro svolto e la vostra disponibilità. Ho la versione pro 12 web site ed ho scaricato il template onetel. Poichè sto facendo un progetto sul Natale, avrei bisogno di cambiare l'immagine della home con un altra mettendo l'effetto neve. Avete qualcosa da suggerirmi? Magari anche un'altro template se ritenete più opportuno. Grazie per la cortese risposta.
RispondiEliminaFrancesco
Ciao Francesco,
Eliminapuoi cambiare l'immagine della Home Page da programma.
Per quanto riguarda l'effetto neve, in Rete puoi trovare diversi script da integrare nel sito/pagina.
Ciao. Argomento: inserimento del form mail nel footer.
RispondiEliminaIn riferimento a quanto scritto da voi "Un'alternativa è creare il form con il programma in una pagina nascosta e richiamarlo nel piè di pagina (Codice HTML) con un iframe... " ho provato ma nella sezione carrello tale iframe non viene visualizzato nel footer perchè si sa che Website cambia l'estensione di quella pagina in "cart/index.html". Ho risolto copiando nella cartella "cart" tutti i relativi file del form mail che Website non "trovava"e prelevandoli dalla cartella "Preview". Infatti qui: http://www.bozzasito14.altervista.org/corredi01/cart/index.html potete veder il form mail nel footer sezione carrello e nel footer visualizzato nella home e nelle altre pagine. Ma non ci sarebbe un metodo più veloce per sopperire a questo senza ricercare e ricopiare i file del form manualmente anche nella cartella "cart"? Grazie mille, anche se so che l'argomento non riguarda esattamente il Vs. template.
Ciao Giuseppe.
EliminaBeh, puoi semplicemente scrivere il percorso assoluto nell'attributo src dell'iframe.
Oppure, se il sito NON è in una sottocartella del dominio, con questo percorso relativo, esempio: "../form-mail-footer.html"
Grazie mille per la risposta! Buon fine settimana
RispondiEliminaCiao,
RispondiEliminaho scaricato e modificato il vs template onetel. Sto riscontrando due problemi. Pagina dei contatti vorrei mettere la mappa (mia) a tutta larghezza, come nel vs template a strisce orizzontali... ma non ci riesco! Seconda cosa, i tre box in Home Page, il primo non ha la stessa altezza degli altri due... Grazie per l'aiuto. Isabella
Ciao Isabella,
Eliminaper poterti aiutare abbiamo bisogno di vedere cosa hai fatto.
Posta qui o comunicaci via mail il link della tua prova online.
Giusto... ecco il link! Grazie. http://www.dormireinfvg.it/prova/contatti.html
RispondiEliminaCiao,
Eliminaci sono un po' di cose da sistemare. Iniziamo dalla pagina Contatti: diciamo che hai dato un'interpretazione personale a quello che abbiamo scritto nell'articolo sul layout a strisce :)
Non devi modificare lo script, ma lo devi semplicemente allegare così com'è, tramite gli strumenti del programma: ora hai inserito il codice js modificato in un tag style e non funzionerà mai.
Ti sei inoltre dimenticata di assegnare l'id al div che circonda il codice dell'iframe della mappa inserito nell'oggetto HTML:
<div id="rowObject_3"><iframe [...]></iframe></div>
Se non vediamo male hai inserito anche delle regole CSS nella sezione esperto dello stesso oggetto. Non sappiamo a quale scopo, ma non servono per la visualizzazione della mappa a tutto schermo.
Il problema presente nella Home, invece, potrebbe essere dovuto alla mancanza del font Montserrat nel progetto. Controlla di averlo impostato correttamente nella finestra Preferenze del programma.
Facci sapere.
Intanto GRAZIE. Ho studiato e modificato il template per la Evolution 12 e non ho avuto problemi. Ora ho provato a convertire il sito con la nuova Evolution 13 e ho notato che tutto ciò che è presente nel footer non è più giustificato a sinistra ma è al centro (allineamento al centro). Ciò SOLO con la 13 (ho ricontrollato per scrupolo con la 12 ed è perfetto).
RispondiEliminaNon riesco a trovare sul css dove posso modificare l'allineamento a SN di tutto ciò che è sul footer (e il motivo perchè ora è tutto centrato). Potete aiutarmi? GRAZIE IN ANTICIPO!!!
Ciao,
Eliminagrazie per il commento.
Con la versione 13 non c'è bisogno dei codici che abbiamo inserito per la visualizzazione del footer alle varie risoluzioni.
Devi rimuoverli e inserire i contenuti del footer per ogni breakpoint con gli strumenti forniti dal programma.