Problema visualizzazione mobile del template Favourite

[cry10]

Ciao a tutti,
spero davvero possiate aiutarmi. Sto creando un sito ideame.it per due amiche, utilzzando il template Favourite ma ho dei grossi problemi con la visualizzazione mobile. Ho già provato a impostare qualcosa nel pannello di controllo Mobile del template ma non cambia nulla. Premetto che sono un neofita per cui non fatemi domande troppo tecniche per favore  .
Sono disponibilissimo a darvi password d'accesso ecc.. per poter verificare da voi il problema. Grazie mille in anticipo!!!

[cry10]

  nessuno mi può aiutare?
ho provato a smanettare copiando il modulo del sito che sto utilizzando (animate images gallery) e posizionadolo su nav mobile ma non cambia nulla. Sono sicuro che è una cavolata e molti di voi lo risolverebbero in due secondi!

[Gokuale - Takumi]

esattamente quali sono i problemi

se  non si dici di piu nessuno puo' aiutarti dire che hai problemi sul mobile e' un po troppo generico

ciao

[cry10]

Ciao Gokuale-Takumi,


il sito è www.ideame.it e il modulo che sto utilizzando è http://www.joompad.be/j17/demo-mod-animate-images su un template che è [size=78%]http://www.favthemes.com/favourite.html.

La visualizzazione desktop è perfetta, quella mobile no perchè il modulo si dimensiona in maniera desktop (credo).

Cosa ti serve di preciso per darmi una mano?

Grazie [/size]intanto

[Gokuale - Takumi]

bhe sicuramente user e password per almeno vedere il tuo sito da mobile cosi' capiamo dove e' il problema

ciao

quando dici che si dimensiona in maniera modile intendi che lascai le dimensioni fisse e quindi esce dal monitor

se il tuo template e' responsive quindi che si adatta al monitor del dispositivo, dovresti cercare moduli che fanno altrettanto o almeno adattarli nel qualcaso

ciao

[cry10]

User: admin


Password: softi

[cry10]

Si sia su iphone che su galaxy non si vede il modulo perchè esce dal monitor e non si può nemmeno navigare per vedere quello che c'è.

[Gokuale - Takumi]

prova a togliere il width da qui

Codice: [Seleziona]

#aihgallery {
  background: none repeat scroll 0 0 white !important;
  display: block;
  margin-left: 16px;
  overflow: hidden;
  width: 1000px;
}

e prova a guardarlo su mobile

trovo solo che e' alla riga 21 ma non dice di quale css probabilmente e' inserito direttamente del index.php
vedi tu

ciao e facci sapere


il menu e' in fondo
ciao

[cry10]

Non riesco a trovare il file da cui hai preso l'estratto 

[Gokuale - Takumi]

ho fatto HTML dell pagina del tuo sito lo vedi anche tu
nel caso mettilo nel file css generale e mettici width : 100%;
invece che una misura fissa

ciao

[cry10]

Niente,
ho guardato tutti i file .php .css ma niente!! Non riesco a trovare questo Pezzo! Vorrei provare a togliere dove dice
"display: block"

[berry]

Sicuro che la larghezza non si possa impostare direttamente nei parametri del modulo?

[cry10]

Si si può impostare, e cosi ho fatto (1000px). E nella versione desktop è perfetta, il problema è nella versione mobile. Ti lascio user e password se vuoi/puoi dare uno sguardo.


Grazie comunque



User: admin


Password: softi

[berry]

Praticamente nelle impostazioni del modulo devi impostare obbligatoriamente una dimensione in px, per tentare di aggirare questo problema potresti provare ad inserire nel foglio di stile del template questo codice:

Codice: [Seleziona]

#aihgallery {

width: auto !important;
}


[cry10]

Allora berry ho provato ad inserire quelle righe nel file template.css e qualcosa è cambiato. In sostanza ora si vedono tutti i quadrati posizionati uno sotto l'altro in verticale nella versione mobile.

[berry]

con un template responsive questo è normale, non essendoci spazio in orizzontale i blocchi si posizionano in verticale, non era questo che volevi?

[cry10]

In effetti potrebbe essere una soluzione, ma sarebbe ancora meglio se i blocchi si ridimensionassero automaticamente mantenendo le file (4x4) ma non so se è possibile questo!

[berry]

allora temo che le modifiche da fare siano diverse visto che il modulo ti impone di specificare tutto in pixel, box delle immagini comprese.

[berry]

qui puoi trovare alcune nozioni sulla diversificazione degli stili in funzione delle dimensioni del monitor

http://www.html.it/pag/19467/css-media-queries-caratteristiche-dei-media/

[cry10]

Ciao Berry e ciao a tutti, purtroppo niente non ne cavo piede. Ho provato a fare un pò di modifiche grazie al link che mi  hai postato ma le mie conoscenze sono molto limitate per cui niente da fare. Ci devo rinunciare quindi? Uff