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
614
58
28
18
Vicenza
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
614
58
28
18
Vicenza
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.406
339
83
@betta designer
avviso.png
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.406
339
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
K Margini di stampa Photoshop 4
G Come si fa con word 2007 ad alzare i margini Windows e Software 2
P [CSS]IE se ne frega dei margini HTML e CSS 1
L Problema margini Flash 1
MattiaBergomi [DIV e CSS] Far contenere ad un Div un immagine senza che esca dai margini HTML e CSS 9
D Layout con margini negativi HTML e CSS 1
F stampa pagina web con margini perfetti HTML e CSS 1
Kerotan immagini trasparenti e margini HTML e CSS 4
S maledetti margini... Flash 1
G Margini in Dreamweaver MX HTML e CSS 7
T Stampare pagina web con i margini perfetti HTML e CSS 8
O margini dei bordi condivisi HTML e CSS 1
M eliminare padding logo sito HTML e CSS 2
A padding-top cambia in alcune pagine HTML e CSS 1
N allineamento immagine e testo, padding larghezza e float HTML e CSS 2
C Padding in FireFox HTML e CSS 1
D Sovrapposizione padding-margin su IE? HTML e CSS 5
L padding e mozilla (in css e div) HTML e CSS 8
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
L titolo del sito nella pagina di ricerca di google SEO e Posizionamento 2
A Copertura: indicizzata, non inviata nella mappa del sito XML 1
Alex_70 Conteggio nella query PHP 0
I Errore 80040220 nella newsletter con paginazione Classic ASP 0
Alex_70 Button non funziona nella form PHP 2
M Inserire variabile nella value di una hidden PHP 3
mazman mysqli_query() mi ritorna un array vuoto anche se presente un record nella tabella PHP 13
R anomalia nella visualizzazione tabella mysql MySQL 1
Tommy03 Due menù nella stessa app Sviluppo app per Android 0
F [Javascript] Conflitto tra più form nella stessa pagina Javascript 1
A [CERCO] Instagram account da comprare nella nicchia CANI & GATTI o ANIMALI DOMESTICI Compravendita siti e domini 1
P [PHP] Contare quante volte uno stesso id si ripete nella tabella PHP 12
Shyson Nome che appare nella serp SEO e Posizionamento 3
I [Woocommerce][E-commerce] Come togliere la sezione iva nella fatture E-Commerce 1
M [PHP] Come display data nella stessa pagina PHP 4
L Mi trovo nell'impossibilità di eliminare un record nella tabella Database 1
I Url rewrite con .htaccess funziona ma poi mostra indirizzo "reale" nella barra di navigazione Apache 1
M [PHP] Mantenere variabile con datagrid nella pagina 2 PHP 1
G Inserzione script nella pagina html per jquery jQuery 8
Shyson Smoot scrolling jQuery nella pagina jQuery 0
R [WordPress] [HTML] Variare dimensione logo rimanendo centrato nella fascia di testa: come? WordPress 16
C [PHP] Campo facoltativo del form che non deve risultare nella risposta se negativo PHP 6
loois Ho un problema nella creazione di un sistema di commenti in PHP PHP 11
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
D [ASP.Net] Non elencare nella select i duplicati dallo split Classic ASP 9
M [PHP] Difficoltà inserimento valori nella tabella scontrini PHP 16
G sql.txt problemi nella creazione delle tabelle Database 0
R Può secondo voi un sito essere nella seconda pagina e non fare traffico? SEO e Posizionamento 3
M [PHP] Disposizione record nella pagina PHP 2
P [HTML] scrivere il titolo di una pagina nella pagina stessa, si può? HTML e CSS 3

Discussioni simili