WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Margin-top  it

Auteur : Vincenzo Errico
Visité 510, Followers 1, Partagé 0  

Ciao,

in alcune pagine ho avuto la necessità di inserire questo codice:

<style> #imContent {margin-top: -50px !important} </style>

ora avrei necessità (delle stesse pagine) di avere un margin-top -25px solo per l'ultimo breakpoint, cioè 480.

E' possibile?

Graize!

Posté le
7 RéPONSES
Skeggia 12
Skeggia 12
Moderator

lo inserisci in un @media...

@media  (max-width: 479px) {...codice...}

dovrebbe funzionare...

Lire plus
Posté le de Skeggia 12
Vincenzo Errico
Vincenzo Errico
User
Auteur

Ti ringrazio, mi potresti dare il codice in dettaglio e dove inserirlo? Grazie...

Lire plus
Posté le de Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator

Prova cosi:

<style>
@media  (max-width: 479px){
 #imContent {margin-top: -25px !important}
 }
</style>

nel tag head......wink

Lire plus
Posté le de Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Auteur

Grazie wink

Lire plus
Posté le de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Auteur

Mirko, così il codice è corretto?

<style>
 #imContent {margin-top: -50px !important}
@media (max-width: 719px){
 #imContent {margin-top: -25px !important}
}
</style>

Oppure devo separarli in due "style"?

<style>
#imContent {margin-top: -50px !important}
</style>

<style>
@media (max-width: 599px){
 #imContent {margin-top: -25px !important}
}
</style>

Lire plus
Posté le de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Auteur

però entrambi a 719px wink

Lire plus
Posté le de Vincenzo Errico
Skeggia 12
Skeggia 12
Moderator

li puoi mettere insieme nello stesso <style> </style>

Lire plus
Posté le de Skeggia 12