WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Margini ultimo breakpoint  it

Автор: Vincenzo Errico
Просмотрено 638, Подписчики 1, Размещенный 0  

Al breckpint ultimo per gli smartphone ho provato in tutti i modi a dare un margine di 20px sia a destra che a sinistra al contenuto delle pagine, ma nulla, su gli smartphone non va, dispone sempre la larghezza al 100% del dispositivo e invece mi piacerebbe dare un minimo di spazio ai lati.

C'è una regola da inserire manualmente?

Ho provato a dare dei margini a #imContent, #imContentContainer, #imPage e in effetti i margini li da ma purtroppo li da anche allo sfonfo pagina e agli sfondi parallax...

Sapreste aiutarmi a trovare una soluzione? Grazie!

Размещено
13 Ответы
Skeggia 12
Skeggia 12
Moderator

hai provato a dare i margini al tag <body> all'interno del @media per il breakpoint in questione? non so se dovesse funzionare in quanto non uso gli smartphone per navigare...

Читать больше
Размещено От Skeggia 12
Vincenzo Errico
Vincenzo Errico
User
Автор

si, ho provato nel modo da te descritto, e funziona ma i margini li prendono anche gli sfondi del parallax, invece vorrei che quelli rimaressero al 100& come da defoult. Non so se mi sono spiegato...

Читать больше
Размещено От Vincenzo Errico
Skeggia 12
Skeggia 12
Moderator

mumble mumble... vediamo di pensarci un attimo se è possibile...

Читать больше
Размещено От Skeggia 12
Vincenzo Errico
Vincenzo Errico
User
Автор

io ho inserito questo...

<style>

@media (max-width: 479px) {
#imContent { margin-left: 20px; margin-right: 20px; }
}
</style>

ma tral'altro si spostano solo i margini a sinistra...

Читать больше
Размещено От Vincenzo Errico
Skeggia 12
Skeggia 12
Moderator

si, infatti, il discorso dovrebbe essere più complesso, perchè penso che bisognerebbe modificare anche la larghezza dell'oggetto, altrimenti si sposta solo tutto a dx e va fuori schermo...

Читать больше
Размещено От Skeggia 12
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

@Vincenzo ... ...mi sono permesso di modificare il titolo del post, almeno si capisce l'argomento...wink

Читать больше
Размещено От Claudio D.
Vincenzo Errico
Vincenzo Errico
User
Автор

Ok Claudio!

Skeggia, questo invece funziona per i margini... ma rimane sempre il problema su come evitare che gli sfondi parallax subiscono questa modifica.

<style>

}
@media (max-width: 479px) {
#imContent { box-sizing: border-box; width: 100%; padding-left: 20px; padding-right: 20px; }
}
</style>

Читать больше
Размещено От Vincenzo Errico
Skeggia 12
Skeggia 12
Moderator

si, certo, ma io non posso provare su smartph1... aspettiamo altri utenti...

Читать больше
Размещено От Skeggia 12
Vincenzo Errico
Vincenzo Errico
User
Автор

ma il risultato si vede anche su desktop ridimensionando il browser wink

Читать больше
Размещено От Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator

forse dovresti stringere solo le celle che hai nella pagina, invece che il content...undecided

Читать больше
Размещено От Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Автор

...si adattano sempre al 100%

Читать больше
Размещено От Vincenzo Errico
Skeggia 12
Skeggia 12
Moderator

si ho visto il risultato... non so come intervenire sul parallax...

Читать больше
Размещено От Skeggia 12
Vincenzo Errico
Vincenzo Errico
User
Автор

Grazie comunque della tua disponibilità... wink

Читать больше
Размещено От Vincenzo Errico