CSS Änderungen nur bei mobiler Version ausführen

Hallo zusammen,

versuche gerade bei meinem Beitragsseiten den Seitenabstand bei den mobilen (nur den mobilen!) Versionen zu ändern.

Momentan wird der Seitenabstand so gesteuert:

[FONT=Consolas]

.post-template .post-content {
  padding: 0 50px;
}

[FONT=Verdana]Für die Desktop- und iPadversion ist das ja auch in Ordnung, nur auf dem Handy hätte ich gerne einen Seitenabstand von nur 20px. Dachte ich bekomme es so in den Griff:
[/FONT]

@media only Screen and (max-width: 1000px)
.post-template .post-content {
  padding: 0 20px !important;
}

[/FONT]

Leider tut sich dabei nicht viel, außer dass es mir mein Facebook Plugin verhaut. :confused:

Jemand einen Rat für mich?

Hier mal ein Beispielbeitrag:
https://wanderlustbaby.de/unser-lebenswa…uende-dahinter/

Danke und Grüße, Steffen

Hallo FloRet,

die einzigen, die ich gefunden habe, ist die:

@media only screen and (max-width: 650px) {  .inner-content-section {
    width: 100% !important;
    clear: both;
    margin-bottom: 35px;

Füge ich allerdings hier noch ein Padding ein, wird der Seitenabstand noch kleiner.

Andere MediaQueries scheint es nicht zu geben (bis 650px), oder ich bin zu doof... :/

Gruß