Text auf Handy versteckt und versteckt auf Größen über Handy

Question

ich einen Text mit dem folgenden Code versteckt

/* Smartphones in portrait mode (0-401px) */ 
@media only screen and (max-width: 401px) { 
    .dontdisplayonmobile { 
    display: none !important; 
} 
} 

Es es auf mobile Anzeigen stoppt. aber die Abstände, die es erzeugt, sind immer noch da, also lässt es den Text verschwinden, aber nicht vollständig, als ob da nichts wäre.

Ich habe versucht, das Hinzufügen, aber es ist nicht

margin: 0 !important; 
padding: 0 !important; 

Irgendwelche Ideen funktionierten.?

EDIT

Kennt jemand den besten Weg, um Medienabfrage, wenn Sie etwas auf etwas über 401 Pixel zum Beispiel ausblenden mögen.

Setzen Sie einfach 100000000 oder ähnliches, so dass es nie angezeigt wird?

Answer 1

Auf Ihrer Website haben Sie eine Spannungsklasse namens "dontdisplayonmobie", die korrekt ausgeblendet wird, wenn das Ansichtsfenster weniger als 401 px beträgt. Aber deine Spannungsklasse ist in einem Absatz (<p> </p>). P hat einen Füllboden: 1em; was ist der leere Raum, den Sie noch sehen. Entfernen Sie den unteren Rand dieses Absatzes, wenn das Ansichtsfenster weniger als 401 px groß ist, und es sollte gut aussehen.

Answer 2

sollten Sie brauchen nur html wie diese

<span class="dontdisplayonmobile">Free Quotes. </span><span class="calltodayword">Call today.</span> <a href="tel:01216631202"><i class="fa fa-phone icon-phone"></i> 0121-663-1202</a> 

@media only screen and (max-width: 401px) { 
    .dontdisplayonmobile { 
    display: none; 
    } 
} 

, so dass Sie nur den Teil mit "Free Zitate" versteckt