1.5 Problema visualizzazione pagina carrello su Mobile

[Bellanaturale]

Ciao

chiedo il vostro aiuto per capire come risolvere il problema con la pagina carrello su mobile.

Allego la foto del problema, la pagina carrello sembra tagliata, ma se giro il telefono orizzontalmente allora si sistema tutto.

 

Cosa può essere il problema?

Ps 1.5.4

http://www.bellanaturale.it

 

Grazie

Azzurra

 

 

 

[Giorgio M.]

Non si adatta sino alla dimensione dello smartphone in verticale.

La soluzione migliore sarebbe aggiornarlo ad una versione 1.6 in cui il mobile è decisamente meglio gestito.

E' anche vero che sicuramente questo tema non sarà più disponibile e probabilmente non è adattabile.

Essendo però estremamente semplice non è un grosso problema ricostruirlo direttamente sul tema di default.

[Sito Lab]

a parte che ci sono tantissimi errori come per esempio cliccando in alto sul mio carrello non si apre la tendina, questo perchè nel tuo file style.css intorno alla riga 3973 / 3990 hai questo

 

@media screen and (max-width: 478px)

 

.top-nav ul {

1. display: none;

}

 

.prova a disabilitarlo e vedrai che si vede

 

invece per quanto riguarda la visualizzazione del carrello il problema stà nel fatto che questo template ha tantissimi problemi, bisognerebbe metterci mani e rielaborarlo tutto,

anche provando a lavorarci sopra per far vedere il carrello (io parlo per chi ha uno smartphone misure 320 x 568) il risultato non è proprio ottimale, comunque prova a fare questo

nel tuo style.css riga 3973 / 4048 dovresti avere questo

 

@media screen and (max-width: 478px)

 

table#cart_summary #total_price_container {

1. border-bottom: none !important;

}

 

 modificalo in questo modo

 

@media screen and (max-width: 478px)

 

table#cart_summary #total_price_container {

1. border-bottom: none !important;
2. position: relative;
3. right: 117px;
4. line-height: 12px;

}

Edited August 12, 2015 by lui1969 (see edit history)

[Sito Lab]

scusa ho sbagliato alcune cose deve essere cosi

 

  @media (max-width: 478px) {

table#cart_summary #total_price_container {

1. border-bottom: none !important;
2. position: relative;
3. right: 117px;
4. line-height: 12px;

} }

Edited August 12, 2015 by lui1969 (see edit history)

[Bellanaturale]

Grazie per la chiara risposta!!!

Premetto che sono una novella autodidatta quindi spero di aver fatto i passaggi correttamente, cmq:

1. il discorso del carrello in alto ho fatto come mi hai suggerito e in effetti ora su Iphone si vede correttamente, mentre su samsung appare la tendina ma contemporaneamente carica anche la pagina carrello... bohhh

 

2. per il discorso della visualizzazione carrello su mobile, ho seguito i passaggi ma purtroppo sia su schermo 720x1280 che su 640x960 non cambia di molto (almeno spero di avere scritto la stringa correttamente

table#cart_summary #total_price_container {border-bottom:none !important; { position:relative; right: 117px; line-height:12px; 

[spam-filter]

 

Ci sono altri possibili suggerimenti?

Azzurra 

[Sito Lab]

di passaggi cè nè sono tanti, di errori sul tuo tema cè ne sono moltissimi, e tanto tanto lavoro da fare

[Bellanaturale]

   capisco!!

intanto ti ringrazio tantissimo per il tuo aiuto!

[Giorgio M.]

 

 

di passaggi cè nè sono tanti, di errori sul tuo tema cè ne sono moltissimi, e tanto tanto lavoro da fare

 

questa la ragione per la quale avevo suggerito un aggiornamento 

[Sito Lab]

questa la ragione per la quale avevo suggerito un aggiornamento 

 

 

si esatto Giorgio, volevo solo fargli notare alcuni degli errori che sono presenti sul suo thema, e mi dispiace dirlo, ma è compilato malissimo