margini e padding nella visualizzazione mobile

betta designer

Nuovo Utente
23 Nov 2020
3
0
1
Buongiorno a tutti,
Sono Elisabetta una graphic designer che sta sperimentando il mondo del web design.

Sto costruendo il mio sito portfolio e sto trovando dei problemi tra delle impostazioni di default del tema e il css che sto inserendo io.

Mi spiego meglio: nella visualizzazione delle pagine sotto i 480px - versione mobile - i margini e i padding mi creando una sorta di bug..
nello scroll up-down sono in un modo e nello scroll down-up in un altro.
Ho provato a creare una media query precisa per questa visualizzazione ma è come se non la leggesse.

condivido con voi una pagina https://www.bettacavalieri.it/portfolio-item/ufficio-reclami/

e il css che ho personalizza:

CSS:
@media only screen and (max-width: 480px)

  

{

    * html .eltdf-content .eltdf-content-inner{

        margin= 0 !important;

        padding: 0px 10% 0px 10%;

    }
 
Ultima modifica di un moderatore:

Tommy03

Utente Attivo
6 Giu 2018
551
53
28
17
Bassano del Grappa (VI)
Ispezionando il codice sembra che il problema sia sul div class eltdf-content-inner, prova a togliere "overflow:hidden;". Senza questo sembra funzionare.
 

betta designer

Nuovo Utente
23 Nov 2020
3
0
1
Ciao Tommy03,
grazie mille per la risposta!
In realtà la prorprietà dell'overflow è inserita in una classe che si riferisce ai trattamenti dei video.. Ho provato comunque a toglierla ma purtroppo mi rimane il bug :(
 

Tommy03

Utente Attivo
6 Giu 2018
551
53
28
17
Bassano del Grappa (VI)
Non so se è quello che intendi, comunque sono andato su questo file css, ho cercato con lo strumento Trova "eltdf-content-inner{overflow:hidden;}", e lo ho cancellato, e ora a me funziona, cioè il testo rimane al centro sia scrollando up che down
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.312
334
83

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.312
334
83
Nel primo post hai inserito codice css che ti ho corretto io con il tag appropriato!
In futuro usa i tag approrpiati per inserire codice e leggi il regolamento