Difficoltà nell'ottimizzare per i dispositivi mobili 
Auteur : Andrea P.Buon giorno, io ho difficoltà a creare pagine che possano essere visualizzate bene sia da computer che da dispositivo mobile. Nello specifico, vi faccio un esempio. Questa pagina:
http://www.italian-fashion.it/ru/kozha/korobka-aa1248.php
Viene visualizzata bene da computer, ma se andiamo a vederla da cellulare, la casella di testo iniziale ha problemi di visualizzazione; tocca farla scorrere da destra a sinistra per poterne leggere il contenuto. Tecnicamente si tratta di una "Tabella" non di una casella proprio di una casella di testo. Ed è da notare che il video e la galleria fotografica sotto si adattano bene da soli alla visualizzazione da cellulare senza problemi. Eppure sulla visualizzazione schematica da WSX5-16 occupano lo stesso spazio (5/6 della divisione orizzontale della pagina).
Ho pensato di risolvere il problema restringendo la tabella all'interno. Il risultato è mostrato in quest'altra pagina, molto simile:
www.italian-fashion.it/ru/kozha/korobka-aa1286.php
adesso la visualizzazione da cellulare va bene, ma viene penalizzata la visualizzazione da computer. Come si può fare in modo che la tabella in questione diventi versatile in automatico esattamente come lo sono la galleria fotografica e il video nella pagina? Scusate forse faccio una domanda banale, ma da solo non sono riuscito a trovare nulla che possa risolvere questo problema.
Una menzione a parte è il problema del menù; io purtroppo non riesco ancora ad orientarmi bene tra le varie voci della fase 2 del programma. Come risultato il menù da cellulare risuta essere spostato e l'utente mobile deve nuovamente far scorrere la pagina in orizzontale per trovarlo. Cosa potete consigliarmi?
... la TABELLA non è RESPONSIVE...
...!... io non ho il programma!! ...ma se sei minimamente esperto potresti ottenere un risultato soddisfacente, semplice ed immediato con codice EXTRA...!...
... prova e valuta individualmente uno di questi due miei codici, riferito al PRIMO LINK:
1) - x Tabella ELASTICA (non! Responsive)(*):
<style> table {word-break:break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
2) - x Tabella ELASTICA + Testo ELASTICO (-<720px), (non! Responsive)(*):
<style> table {word-break:break-word;}
@media (max-width: 719px) {table *{font-size:4vw !important}}</style>
<script> $(document).ready(function() {$("table").css("width","");});</script>
...!... ... il codice che sceglierai di provare lo devi incollare al:
>> Passo 3 - Mappa > Finestra Proprietà Pagina > Le opzioni della Sezione Esperto | ▪Codice personalizzato | opzione: ▼-Prima della chiusura del tag HEAD.
............................
(*) - con una ricerca in HelpCenter, oppure in rete, potresti trovare anche altre soluzioni RESPONSIVE per esperti...
......................................................
... per problemi al menu sarebbe convenuto aprire un NUOVO Argomento a tema; ...le domande andrebbero poste in topic separati per evitare confusioni...
... comunque controlla gli oggetti che hai posizionato in HEADER e/o nel FOOTER, che escono fuori del layout, verificandone la posizione nei vari breakpoint che hai impostato...
... per esempio questi oggetti debordano:
.
Auteur
Grazie KolAsim, ottimi suggerimenti che ho cercato di applicare. Ho inserito il secondo codice in questa pagina come prova:
http://www.italian-fashion.it/ru/kozha/korobka-aa1214.php
qualche problema resta con la visualizzazione del menù; il problema principale però è che dovrei inserire il codice suggerito in ogni pagina, e sono centinaia. Ci potrebbero essere imprevisti se sistemo il codice nella sezione 1 ---> Statistiche, SEO e codice ---> Esperto ---> Prima della chiusura del tag HEAD ?
.
... visto; il codice pare funzionare correttamente...
... SI', il codice potresti inserirlo nella sezione esperto che hai indicato al Passo_1 così si attiverebbe in tutte le pagine del sito; il codice non fa riferimento a singoli selettori e quindi nelle pagina contenenti tabelle queste si adatterebbero con gli stessi valori percentuali, e nelle pagine senza tabelle il codice rimarrebbe inerte; ...risolveresti in un colpo solo...
...per il MENU, dipende da altri fattori di configurazione del layout, da controllare, e nel caso sarebbe meglio aprire un nuovo argomento a tema...
.