Design template Photogram per mobile 
Autor: Giorgio P.
Besucht 1578,
Followers 1,
Geteilt 0
Sto riscontrando un problema enorme col template Photogram acquistato e non ne riesco a venirne a capo, chiedo allora il vostro aiuto.
Utilizzando di base il template in oggetto voglio che il sito rimanga sia per desktop che per mobile della stessa risoluzione e quindi adatto il sito a desktop 960px. Il problema che quando lo vado ad esportare le immagini di fondo della homepage collegate allo stile delle righe ed estese alla finestra del browser, su desktop sono perfette, mentre su tablet o smartphone non vengono adattate ma tagliate. In cosa sbaglio? (visto che sbaglio io il programma è perfetto)
Grazie mille
Gepostet am
... come prima cosa dovresti postare il link della tua prova esportata online...
Autor
è che sto facendo un sito di prova ancora non riesco a linkarlo, il discorso che se vedo il sito da desktop tutto perfetto, da tablet e smartphone le immagine collegate allo stile riga sono tagliate non riesci ad adattarle alla finestra del browser
al momento qui funziona
www.giorgioperrucci.altervista.org
bisogna che lo provate da desktop e da tablet o smartphone
Autor
In questo momento è adattato responsive con 3 breakpoint 960,720,480
Il problema non sono poi piu di tanto i testi che magari si possono un po diminuire di altezza, ma le foto di sfondo che sono agganciate allo stile riga che non credo nemmeno si possano non far visualizzare.
Strano il fatto che comunque anche col template originale non modificato (photogram ripeto) il problema c'e lo stesso.
Poi altra cosa ma un anteprima alle varie risoluzione non me la fa fare, quindi ogni volta devo esportrare il sito per vedere le modifiche, diciamolo alquanto scomodo.
quando apri l'anteprima, stringi la pagina del browser e vedi già come si comporta, senza dover esportare ogni volta...
... per il ridimensionamento dello sfondo, su alcuni dispositivi obsoleti non funziona il CSS COVER; ...puoi confrontare questo mio > esempio1 ...sul tuo dispositivo mobile...
... un'idea alternativa sarebbe quella di usare in EXTRA uno sfondo monoimmagine basata su maximage2, come in questo > esempio2 ...che puoi verificare sempre sul tuo dispositivo mobile per vedere se funzionasse o meno correttamente il ridimensionamento...
... se funzionasse, con dei codici da me elaborati, da adattare per lo scopo, si potrebbe usare l'esempio postato per sfondo pagina, sfondo header, sfondo riga, eccetera, sempre a tutta larghezza...
.