Blog: come aumentare margine destro smartphone? 
Auteur : ZHIGE A.
Visité 325,
Followers 2,
Partagé 0
Buongiorno,
vorrei chiedere come si fa a aumentare il margine destro del blog (sia pagina principale che articolo), quando si visualizza nel smartphone.
Come vedete nella foto allegata, margine sinistro OK, destro sembra 0 o manca.
Nella "struttura del modello", ho impostato 5 per lato sinistro e destro.
Grazie
Posté le
Buongiorno,
la pagina è visibile online?
In caso constrario, in anteprima nella pagina è possibile scorrere orizzontalmente verso destra, come sembra dallo screenshot?
Auteur
Buongiorno,
non è ancora online.
Nell'anteprima, la pagina non si può scorrere orizzontalmente.
Grazie
ZHIGE, hai per caso fatto un copia e incolla di testo da altre fonti senza eliminare la vecchia tabulazione?
Auteur
Buongiorno,
forse è perché ho inserito un codice per aumentare il margine sopra, seguendo un post qui nel forum:
helpcenter.websitex5.com/it/post/269125
Ho visto che togliendo quel codice i due lati sinistro e destro sembrino uguali.
Vorrei chiedere quindi, come posso aumentare il margine sopra, senza creare problema al margine destro?
Grazie
posta il link della pagina dove vuoi aumentare il margine sopra, comunque in teoria come esempi sotto:
<style>
#imBlogPage { padding: 50px 0 0 0; }
</style>
aolternativa:
<style>
#imBlogPage {
padding-top: 50px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
</style>
Auteur
Buongiorno Giancarlo,
grazie, ma mi sembra che non funzionino i codici che ha scritto.
Se metto 50 sopra, 0 laterali, sopra va bene, mentre per i due lati, nel smartphone va bene, ma nel computer lato sinistro è attaccato al bordo, destro si crea troppo spazio.
Se metto 50 sopra, 10 laterali, sopra va bene, per i due lati, computer va bene, ma nel smartphone, sinistro OK, destro manca.
Se non metto nessun codice, i due lati OK per computer e smartphone, ma sopra troppo alto.
Cosa posso fare?
Grazie
Direi che sarebbe utile un link per valutare
naturalmente c'è anche possibilità di inserire dei margine da programma sui vari breackpoint.
Auteur
Buongiorno,
link della pagina blog
Non cambierei nel modello del sito per non cambiare margini delle altre pagine.
Vorrei chiedere altre due cose:
1) nel computer, quando si legge un articolo, scorrendo in verticale la pagina, il blocco laterale sale, sposta a sinistra e si sovrapone all'articolo, come posso evitare? Sul cellulare e ipad non c'è questo problema. (foto allegata)
2) è possibile inserire in fondo della pagina articolo un pulsante "Back" per tornare alla pagina principale del blog?
Grazie per il supporto.
Buongiorno,
da che browser proviene lo screenshot in questione?
Visualizzando l'articolo https://www.xuehanyu.it/blog/index.php?hsk-3-0-e-arrivato- su Chrome e Firefox non ho riscontrato anomalie scorrendo verso il basso:
Per quanto riguarda il pulsante Indietro, non è prevista un'opzione per aggiungerlo automaticamente, ma puoi attivare la modalità "Abilita Codice HTML" negli articoli e inserire al termine un codice come ad esempio
<a href="https://www.xuehanyu.it/blog/index.php" style="background-color: red; color: white; padding: 10px 20px; text-decoration: none;">Indietro</a>
per mostrare un pulsante in questo modo:
Non ero più intervenuto relativamente alla questione del margine dopo le risposte di Giancarlo, confermo comunque che se non desideri modificarli dal Passo 2, sarà necessario riverificare il codice aggiuntivo per applicarli mediante esso.
Resto a disposizione.
Auteur
Buongiorno Eric,
da safari.
Grazie per la risposta.
diciamo che in generale i bordi sono minimi, anche su desktop, detto questo non vedo cose strane su smartphone a parte i bordi veramente al limite: test responsive da desktop
.
... nessun riscontro di quanto detto nei browser "normali" ...
.
<< Back
... al posto del testo se preferisci puoi usare una immagine BACK
... quindi selezioni il testo o l'immagine e gli assegni il semplice e normale collegamento alla pagina del BLOG...
...
... oppure puoi abilitare la scheda al codice HTML con il pulsante [</>], ed in fondo al testo come ultima riga incolla questa stringa:
<button onclick="location.href = '/blog'"> << Back </button>
.
ciao
.
Buongiorno,
si tratta di Safari su dispositivo Mac o iPad?
A giudicare dallo screenshot, non sembrerebbe trattarsi di un iPhone.
Grazie del chiarimento.
Auteur
Buonasera,
safari su Mac.
Intanto grazie a tutti per il codice "back".
Cercherò di capire meglio sui margini...
Buongiorno,
abbiamo verificato la visualizzazione su un Mac Mini e un iPad, senza però imbatterci nella stessa situazione, così come provando a usare uno strumento online per replicare la vista da Safari.
Quale versione di Safari utilizzi, e utilizzi per caso estensioni/add-on specifici?
Grazie.
Auteur
Buonasera,
la versione di safari è 17.5.
Comunque ho tolto il blocco laterale per la pagina dell'articolo, quindi risolto così.
Per i margini, difficile trovare un compromesso che vada bene per sia desktop che mobile, diciamo adesso per mobile sinistra OK, destra è al limite, con il cursore che compare sopra i testi.
Grazie ancora per il supporto.