margini e padding nella visualizzazione mobile

[betta designer]

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:

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

  

{

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

        margin= 0 !important;

        padding: 0px 10% 0px 10%;

    }

 

[Tommy03]

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]

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]

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]

@betta designer

 

[betta designer]

Ciao Max,
ma io non ho inserito php.. scusami non sono molto esperta. scusami se ho sbagliato

 

[Max 1]

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