Problema con risoluzioni basse
Author: Alessandro R.
Visited 1957,
Followers 2,
Shared 0
Ciao, sto aggiornando il mio sito, lo trovate a questo link provvisorio http://www.executiveconsulting.it/Prova%202017 (spazio tra Prova e 2017)
Alle risoluzioni basse mi da problemi di visualizzazione, sopratutto a quella smartphone mi toglie il testo completamente. Inoltre a questo link http://www.executiveconsulting.it/Prova%202017/storie-di-successo.html la tabella non viene ridimensionata, ma troncata completamente.
Come posso risolvere? Grazie e ciao, Alessandro
Posted on the
la tabella è risaputo che non si adatta, infatti appare la barra di scroll orizzontale...vedremo forse in un prossimo aggiornamento...
Come ti ha detto Mirko le tabelle non sono responsive, per la v12 c'era del codice per ovviare non so se funziona sulla 13 non ho mai testato se ti interessa puoi documentarti al link seguente
http://quellidelcucuzzolo.blogspot.it/2015/12/tabella-responsive-website-x5-12.html?m=1
Author
OK grazie...e per il menu e la scomparsa del testo che potete suggerirmi? Grazie, Alessandro
Credo che dovresti andare in Modello, Personalizza, Contenuto Header...., sulla sinistra trovi i vari breakpoint dovresti controllare se gli oggetti e dare una sistemata ....
Author
Grazie...i breakpoint sono quelli "standard", non li ho toccati...il testo sparisce del tutto. Ho provato a trasferire la vecchia versione su EVO 12 e invece funziona anche stringendo al massimo la visualizzazione...forse è proprio un problema della 13?
Il testo sparisce solo nella versione italiana e non in quella inglese... dovresti copiarne le impostazioni.
@Alessandro, sei sicuro di non aver nascosto gli elementi all'ultimo breakpoint ?
in Pagina - responsive - mostra/nascondi
@Giorgio, la versione inglese , se non ho visto male, penso non l'abbia ancora fatta, quella che c'è non è responsive...
... per esempio questi oggetti in CHI SIAMO li hai resi non visibili sotto ai 480 pixel ...
#imGroup_1, #imGroup_2, #imCell_1, #imCell_4, #imCell_3
... controlla queste impostazioni > Passo 4 - Pagine > Comandi Barra Strumenti e Griglia > Finestra Impostazioni Responsive > Mostra/Nascondi Oggetto
... controlla anche > Come funziona il processo di ordinamento degli Oggetti.
... fai lo stesso per le altre pagine ...
.
Author
ciao a tutti e grazie. Abbiamo (avete...) risolto!
Andando con ordine...intanto ho ricaricato tutto a questo link http://www.executiveconsulting.it/Prova2017 (senza spazio tra prova e 2017)
Non avevo nascosto gli oggetti. Se vi può aiutare, ho creato il sito con la 10 e poi importato il file di progetto nella 13. Le pagine sono state convertite correttamente, ma ho avuto questo problema per la versione inferiore a 480. Credo che nella conversione li abbia nascosti tutti in automatico. Dopo averli rivisti uno per uno, adesso li ho resi visibili.
Rimane il problema della visualizzazione del menu. Dovrebbe essere sempre in alto a destra, ma alle risoluzioni intermedie (non desktop e non smartphone, da 900 a 480) sparisce del tutto...mi riuscite a dare la soluzione anche per questo problema? Io nelle impostazioni l'ho messo sempre visibile e esteso fino alla larghezza della finestra della pagina...
Grazie ancora, BUON 2017 se non ci dovessimo sentire prima!
Alessandro
... io non ho il programma! (*) ... ma secondo me dovresti poter controllare tutto tramite le opzioni del programma, come dalle guide che ti ho indicato...
... comunque, guardando il codice del tuo sito, per il menu che non si vede a risoluzioni ridotte potresti provare ad incollare questo codice nella sezione ESPERTO | codice personalizzato | prima della chiusura di HEAD:
@media (max-width: 959px) and (min-width: 480px) {
#imMnMn, #imMnMnContainer{margin-right:50px !important}}
... invece, per la tabella di storie-di-successo.html nelle Proprietà di questa Pagina sezione ESPERTO | codice personalizzato | prima della chiusura del BODY, potresti provare ad incollare questo codice, che potrebbe renderti elastica la tabella:
<script> $("table").css("width", "");</script>
... (*) ... a provare non ti costa niente, e casomai in serata o sul tardi andrò a controllare...
.. e Buon Anno anche a te...
.
Author
ciao Kolasim, grazie...sei un grande, ora funziona...anche la tabella! Ovviamente si schiaccia nella risoluzione smartphone, ma almeno si riesce a leggere...Grazie ancora, Alessandro
Author
come non detto, prima funzionava nella anteprima, adesso non lo vedo...comunque ho pubblicato il sito, il link è www.executiveconsulting.it...grazie, Alessandro
Ciao Alessandro, controlla il sito alle risoluzioni più basse, io vedo una barra di scroll orizzontale e il menù hamburger diventa visibile solo se trascini verso destra la barra di scroll (vedi screenshot allegato).
Poi occhio che, sempre alle risoluzioni più basse, gli elementi del contenuto pagina vengono tagliati sulla destra e vedo un problema anche sulle voci di menù (vedi quanto indicato dalle frecce rosse nello screenshot allegato)
@Alessandro, ...ci sono errori nel come hai inserito i codici extra ...
... non te lo avevo specificato, ma il codice che hai incollato deve essere racchiuso nel TAG STYLE, così:
<style> @media (max-width: 959px) and (min-width: 480px) {
#imMnMn, #imMnMnContainer{margin-right:50px !important}} </style>
.
... quando avrai corretto, si potrà eventualmente valutare il resto ...
Author
ciao Kolasim, grazie...non essendo un informatico vado un po' a tentoni...più tardi provo a mettere il codice nuovo che mi hai mandato...grazie ancora, Alessandro
...ma sul sito c'è scritto che fate siti web ... o sbaglio ?
Author
si, grazie a Website x5 li puoi fare anche senza essere informatico...
... tanto per saperti regolare per eventuali situazioni simili...
... il codice così come era prima, senza TAG STYLE, si poteva in alternativa incollare in Oggetto Codice HTML Tab CSS > Sezione Esperto
.
Author
Grazie ancora, provo e ti faccio sapere...
Author
Confermo che funziona, grazie ancora di tutto! Alessandro