Il modo corretto di operare è di modificare il contenuto del Foother per le dimensioni fisse che ha, modificando il testo ad ogni risoluzione.

Il problema è che con la versione 12 Professional non è possibile impostare gli elementi per ogni visualizzazione Responsive.

Infatti chiedevo appunto se era possibile far sì che le immagini contenute si potessero (con del codice) adattare al Responsive.

Inoltre volevo sapere se inserendo del testo si potesse adattare al Responsive.

... per l'immagine, si può, prendendo spunto dalla mia >> invenzione, ...oppure via CSS3... ...oppure maximage2 fisso...

... con le mie invenzioni si può ottenere il ridimensionamento razionale intero o quello con priorità W/H come nell'esempio...

... da parte mia per poter valutare tutto il contesto, dovrei vedere il LINK della tua pagina TEST, ... anche per il testo, ...ma se sai già far da te, sei liberissimo di sfruttarti il mio esempio; ...il codice è tutto in chiaro, Ctrl+U...

.

Grazie KolAsim per le dritte sull'adattamento delle immagini.

Per quanto riguarda l'adattamento del testo, riguarda la modalità Responsive.
Infatti, se inserisco del testo nella parte destra della header, in modalità desktop si vede ovviamente corretto, ma in modalità Responsive sparisce e rimane a destra.

Senza il link alla pagina, visto che devo ancora pubblicare il tutto, uoi dirmi comunque se c'è qualche codice per far si che tutti gli elementi che inserisco nella parte destra della header si adattino alla dimensione della finestra in modalità Responsive?

... senza veder niente non posso dire molto, ma potresti utilizzare gli intervalli dei tuoi breakpoint, e controllare le misure nel codice, per esempio:
@media (max-width: 1149px) and (min-width: 720px) {
#Id_del_testo_xx {font-size:12px !important}}
... e via di seguito per gli altri breakpoint...
... oppure in soluzione unica, per esempio:
#Id_del_testo_xx {font-size:5vw !important}
... stringhe de inserire all'interno del TAG STYLE in /HEAD ...
... per pubblicare il tuo esempio basterebbe un click per esportare in una sottodirectory o in uno spazio free tipo altervista...
.

Perdonami, ma, non masticando molto codice, mi puoi spiegare meglio cosa comporta utilizzare l'uno o l'altro codice e come si comporta il testo nei due casi?

Qui sotto ho pubblicato un estratto del nuovo sito incostruzione in una sottocartella dal nome "CARRELLO" di un altro sito che andró ad integrare una volta finito quello nuovo.

www.lonardituttoperilgiardino.it/carrello/

... relativamente a questo link, cosa vorresti ottenere...?...

... nella home non vedo testi che necessitino di ridimensionamento essendo delle immagini, e che vedo si comportano correttamente...

... eventualmente fai sapere...

.

Scusami, hai ragione!
Siccome avevo tolto/spostato gli elementi dalla header che non si adattavano alla modalità Responsive, ho dimenticato di inserirli nuovamente al loro posto prima di inviarti il link 

In primis, ho dovuto spostare il campo di ricerca a sinistra per far si che si vedesse sempre, e poi avevo inserito a destra anche il loghino del carrello e del peso con i relativi valori ma ho dovuto toglierli perchè, come noterai, rimanevano fuori dallo schermo.
Siccome non volevo avere tutti gli elementi fissi a sinistra, questi ultimi 2 li ho inseriti manualmente in alto a destra in ogni pagina.

Riprova ora a cliccare sul link e dimmi se è possibile far si che questi elementi si adattino alla modalità Responsive.
In caso positivo, poi ci penserò io ad organizzarmi meglio la header.

Dimenicavo...
come avrai notato (?), in modalità Responsive e restringendo gradualmente la finestra, il menù, prima di diventare hambunger, ad un certo punto si sposta a destra rimanendo sottoforma di pulsanti.
E' possibile farlo rimanere a sinistra prima di diventare un menù hamburger?

Grazie mille in anticipo! 

La versione 12 presenta due sole regolazioni del menù: quella normale e quella responsive.

Nel tuo caso hai posizionato il menù in modo diverso nelle due situazioni.

Considerando il fatto che nella regolazione responsive, il menù è sempre allineato a destra, devi allineare a destra anche il menù normale andando al passo 1, stile del modello ecc... (vedi screen)

cioa

... come già anticipato da Giorgio; ...oppure, ...visto che fai già uso del tag style EXTRA(*), puoi aggiungervi questa stringa:

#imMnMn > ul {position: absolute; left:0px !important}

... ... ... 

(*) ... meno se ne fa uso e meglio sarà per non perdere la padronanza sulla struttura...

ciao

.

Ok, grazie a tutti e due per le dritte.

Invece, per quanto riguarda gli elementi che ho inserito a destra nell'header (icone carrello e peso), c'è la possibilità con del codice di farli adattare al modello Responsive?

... adattare in che senso...?... ... a me pare che si presentino bene, o  forse non ho capito...

... eventualmente controlla la posizione e distribuzione degli oggetti nei breakpoint che hai usato:

1100 - 960 - 720 - 600 - 480 - 380

.

Comunque mi sembra che c'è un sacco di codice aggiunto cheoltre a rovinare il layaut nel responsive, inibiscela possibilità di cliccare le anteprime. Fores il codice di messenger...

Anche in header sono presenti dei lik cliccabili (vedi asterisco)

Poi in responsive ti fa uscire l'oggetto shoppingCart, che tra l'altro non sarebbe neppure possibile inserire nella versione 12 del programma...

KolAsim: Non mi riferivo agli oggetti inseriti nella pagina, che so adattarsi correttamente al Responsive, ma agli oggetti inseriti nella header (l'oggetto shoppingCart a destra per esempio) che sparisce nel caso si ridimensioni la pagina. Comunque, visto che creano diversi problemi nella versione Responsive, li elimino.

Giorgio: L'aterisco che ho inserito nella header lo sto utilizzando (per il momento) come àncora per il "Torna su" della pagina.
Sinceramente vorrei inserire un "Torna su" più performante, tipo quello che appare quando si inizia lo scroll della pagina, ma non so come inserirlo.

In pratica vorrei inserire un pulsante "Torna su" come quello che c'è QUI

Ma esiste la funzione apposita personalizzabile in stile testi...

@Giorgio ... ...ummm mi sa che nella 12 non c'era ancora...

bisognerà andare giù di codici anche lì...

@Luca... A mio parere con tutti quei codici e le poche possibilità di personalizzazioni della 12 che è stata la prima versione di Website col Responsive ... io farei un "investimento" in una versione aggiornata...  , parere personale ovviamente...,

certo con il salto di versioni , ti ritroverai a dover fare di nuovo qualche lavoretto ... ma visto tutto il tempo che ci stai perdendo per avere una resa minimamente decente per i dispositivi mobile...

...bho vedi tu...

Giorgio: Purtroppo nella 12 non c'è quella funzione 

Claudio: Hai ragione, potrei fare il salto di qualità, anche se con la 12 sto ottenendo il risultato voluto, per quello che mi interessa in questo momento (incluse le impostazioni per il mobile).
Al momento, nel limite delle possibilità di questa versione, mi accontento di aggiungere qua e là del codice extra (con il vostro prezioso aiuto ) per ottenere qualche aggiustamento strutturale.

Diciamo che nel complesso non si sta comportando proprio così male questo prg, anche se è evidente che bisogna intervenire manualmente per ottenere certi risultati non espressamente implementati in fase di progettazione del software.
Chiaro che questi aggiustamenti andranno fatti anche sull'ultima versione se non sono implementati di default.

Capisci bene che, comincerebbe a diventare un bel impegno economico se ogni volta dovessi acquistare una nuova versione solo per ottenere un certo effetto (magari già implementato di default nella versione successiva), quando mi basta inserire solo due righe di codice 

...il mio "invito" ad aggiornarti è anche per un altro motivo..

tutti i codici che ora, a fatica, implementerai ...

nel momento in cui passerai di versione , saranno tutti da rimuovere poichè andranno in conflitto e dovrai rifare le personalizzazioni ...

quindi lavoro doppio...

La gestione di testata e footer nelle ultime versioni è migliorata di molto ...

e poi non si tratta di aggiornare ogni volta , ma si tratta di fare questo salto dopo anni che usi la 12 ... 4 anni almeno , penso... e visto che si tratta del sito aziendale ...

guarda le numerose novità introdotte dalle ultime versioni:

https://www.websitex5.com/it/nuove-funzioni.html

... OK, ...meglio così...

... puoi usare il mio DIV_CUSTOM universale con un immediato Copia/Incolla:

>> normale  ||  >> super

... il codice lo trovi al rigo nr.13 del sorgente HTML (Ctrl+U)...

KolAsim: Mi potresti gentilmente spiegare nel dettaglio quali porzioni di codice vanno copiate e dove vanno copiate.
Grazie! 

O meglio...
ho copiato la porzione di codice alla riga 13 e poi l'ho incollata prima della chiusura del tag body, ma non funziona.
Cioè, appare la freccia ma cliccandoci sopra non scrolla.

QUESTA E' LA PORZIONE DI CODICE CHE HO COPIATO E INCOLLATO:

<!-- DIV_CUSTOM - GOTOTOP bye KolAsim - Prima della chiusura del tag /BODY (ultima selezione) - INIZIO --><div id="gotopK" class="frecciaK" style="position:fixed;bottom:20px;right:20px;display:none"><a href="#topK" style="font-size:60px;font-family:arial;text-decoration:none; color:silver"> &#9650; </a></div><script> $('.frecciaK a').bind('click',function(event){ var $anchor = $(this); $('html, body').stop().animate({ scrollTop: $($anchor.attr('href')).offset().top }, 2000); event.preventDefault(); }); //-------------------------------------- function scrollK() {scrollpagina = window.pageYOffset; if (scrollpagina <200 ) {document.getElementById('gotopK').style.display = "none"; }else {document.getElementById('gotopK').style.display = "block";}} window.onscroll =function() {scrollK()};scrollK();</script><!-- DIV_CUSTOM - GOTOTOP bye KolAsim - Prima della chiusura del tag /BODY - FINE -->

Ho notato, inoltre, che se la freccia finisce, per ridimensionamento della pagina, sopra a qualche altro oggetto presente nella pagina, non è più cliccabile, come se fosse posizionata su un livello inferiore.

... come detto prima, e dal commento al rigo nr.13, ...nel tag /BODY, cioè qui:

>>  Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto |  ▪Codice personalizzato | -▼Prima della chiusura del tag BODY...

... codice:

<!-- DIV_CUSTOM - GOTOTOP bye KolAsim - Prima della chiusura del tag /BODY (ultima selezione) - INIZIO -->
<div id="gotopK" class="frecciaK" style="position:fixed;bottom:20px;right:20px;display:none">
<a href="#topK" style="font-size:60px;font-family:arial;text-decoration:none; color:silver"> &#9650; </a></div>
<script>function scrollK() {scrollpagina = window.pageYOffset;
if (scrollpagina <200 ) {document.getElementById('gotopK').style.display = "none";
}else {document.getElementById('gotopK').style.display = "block";}}
window.onscroll =function() {scrollK()};scrollK();</script>
<!-- DIV_CUSTOM - GOTOTOP bye KolAsim - Prima della chiusura del tag /BODY - FINE -->

.

... puoi aggiungere nello style il livello, per esempio z-index:12000;

... al tag <A> della freccia è indirizzato ad un'ancora, nel mio caso topK, (#topK), ...ma puoi farne a meno sostituendolo in href con #top: >>  href="#top"

.

Perdonami KolAsim, forse sono io che sono de coccio, ma mi sembra di aver seguito alla lettera tutte le tue indicazioni e non funziona (vedi file allegato).

Ho pensato che (forse) avrebbe funzionato una volta pubblicato il sito, ma niente da fare!

Di seguito il link ad una pagina del mio sito con parecchio testo da scrollare...

https://www.lonardituttoperilgiardino.it/carrello/faq_domande_frequenti.html

... mancandoti l'ancora, non hai fatto la variazione appena detta nel precedente post: href="#top"

... vedrai che ti funzionerà...

.

Scusa, ti avevo scritto senza leggere il tuo post 
Ho fatto la variazione dell'ancora e adesso torna all'inizio, ma ho un problemino ad inserire il "Livello" z-index:12000;
per far si che la freccia rimanga in primo piano.
Dove lo devo copiare esattamente questo codice?
Non sono così scaltro come credi 

Anzi... ti ringrazio profondamente per la tua pazienza e disponibilità!

... in rete non hai corretto...!...

... per il livello, così: ;z-index:12000

<div id="gotopK" class="frecciaK" style="position:fixed;bottom:20px;right:20px;display:none;z-index:12000">

Aspettavo di risolvere il problema della freccia prima di pubblicare il sito aggiornato.

Ecco qua il risultato dei tuoi sforzi 
https://www.lonardituttoperilgiardino.it/carrello/faq_domande_frequenti.html


Un'ultima cosa e poi chiudo questo post come corretto 

All'inizio mi avevi proposto 2 soluzioni per lo scroll della pagina... uno normale (con scroll rapido) e uno super (con scroll lento).

Ho provato a sostituire i 2 codici presenti al rigo 13 (CTRL U), ma la velocità di scroll è sempre rapido.
Cosa devo modificare per utilizzare lo scroll super (più figo )?

Ovviamente ho effettuato anche le opportune modifiche da te suggerite:

<a href="#top e l'aggiunta di z-index:12000

Qua vedi il sito con quest'ultima modifica:

https://www.lonardituttoperilgiardino.it/carrello/faq_domande_frequenti.html

Per un torna su più performante puoi usare jquery (fonte https://www.targetweb.it/creare-pulsante-torna-su-con-jquery/)

Da mettere in statistiche , SEO e codice > Esperto >prima della chiusura di BODY

<div id="top">Torna su</div>

Da mettere in statistiche , SEO e codice > Esperto >prima della chiusura di HEAD

<style>
#top{
width:100px;
border:1px solid #d2d2d2;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:12px;
}
</style>

<script src="js/jquery.js"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
//se non siamo in cima alla pagina
$('#top').fadeIn(); //faccio apparire il box
} else {
//altrimenti (il visitatore è in cima alla pagina scrollTop = 0)
$('#top').fadeOut();//Il box scompare
}
});//Allo scroll function

$('#top').click(function() {
//Se clicco sul box torno su (scrollTop:0) con un timing di animazione.
$('body,html').animate({scrollTop:0},800);
});//Click

});//DOM
</script>

... per usare il movimento scroll frizionato dell'esempio super, devi usare il relativo codice ed inserire ad inizio della pagina, in alto, questa stringa in Oggetto HTML:

<a id="topK"> </a>

... fammi sapere se ti funziona, altrimenti poi occorrerà aggiungere la libreria jQuery...

.

KolAsim: Tutto OK!
Ho inserito la stringa di codice (togliendo la K da topK) direttamente nella header con l'oggetto HTML e funziona alla grande.

Ecco qua:
https://www.lonardituttoperilgiardino.it/carrello/faq_domande_frequenti.html

Nell'eventualità volessi cambiare la freccia con un oggetto personalizzato, dove e come dovrei inserire il percorso del mio oggetto?

Giorgio: Ho provato anche il codice che hai suggerito tu e funziona. L'unica differenza è che al posto della freccia esce un msg che dice "Torna su".
Sinceramente preferisco la freccia 

... sul mio codice, ...basta che alleghi a tua immagine (NomeImmagine.png) al progetto, lasciando "files" come destinazione proposta per default, e quindi il mio precedente TAG <A> del codice diventerebbe questo:

<a href="#topK"> <img src="files/NomeImmagine.png" width="30"  /> </a>

...l'immagine ed il valore "30" (misura 30 px) puoi personalizzarli ad hoc...

... ho visto che tu funzione benissimo; ...volendo puoi velocizzare lo scroll diminuendo nello script il valore 2000 (2 secondi)

bhe nulla di più facile ... personalizzando il collegamento alla tua immagine e modificando le dimensioni del box nel foglio di stile ( width:100px; )

<div id="top"><img src="img/tuafreccia.png"></div>

KolAsim: Immagine della freccia e velocità di scroll modificati 

Giorgio: Sicuramente non volevo dire che il codice di KolAsim era meglio del tuo per via dell'immagine. Era evidente che bastava cambiare il file (png) per cambiare immagine. 

Alla fine, grazie alla vostra immensa disponibilità e pazienza, ho ottenuto il risultato voluto e sono molto contento per questo.
Purtroppo non sono una cima in programmazione, ma faccio tesoro di tutti i vostri insegnamenti per eventuali modifiche future.

Grazie ancora di tutto e... a risentirci magari su qualche altro post per altri problemi da risolvere (speriamo di no! )

Ecco qua il risultato finale:
https://www.lonardituttoperilgiardino.it/carrello/faq_domande_frequenti.html