Mobile Version Individuell Verändern

[Jim91]

Hallo.. Bin erst neu hier im Forum und hoffe Ihr könnt mir helfen. Habe bis jetzt noch keine Antwort irgendwo gefunden.

Zuerst mal zu meinem Problem: Prestashop hab ich vom Design so angepasst wie es mir gefällt. Nur in der Mobilen Version sehen die Farben nicht gut aus. Wenn ich die Farbe z.B. in der global.css verändere, verändere ich natürlich die Farben im Allgemeinen.

Gibt es irgendwie die Möglichkeit, dass ich jeweils 2 css Dateien habe? Eine normale und die andere für mobile? Dann hätte ich z.B. eine global.css und eine globalmobile.css, die ich dann beide unabhängig voneinander bearbeiten kann?

[schibulski]

ich würde in dem Fall einfach mit der "@media" Anweisung in der jeweiligen css Datei arbeiten. So ist es gewollt. Schau dir mal die global.css an wie das an einigen Stellen gelöst ist. So kannst du für jede x-beliebige Bildschirmgröße eigene Angaben für die jeweilige css Klasse machen. Um Bootstrap kompatibel zu bleiben gibt es 4 definierte "@media" Angaben:

Für Smartphones, Smartphones quer, Tablets, Tablets quer (oder kleine Bildschirme) und alles ab ca 1200 Pixeln Breite. Die genauen Zahlen kenne ich gerade nicht. Ich orientiere mich einfach immer an dem was man schon in den jetzigen css Dateien findet. So habe ich bei uns zum Beispiel das Hintergrundbild bei Smartphones im Container Bereich deaktiviert und nur noch im Header.