Neu Box bei Mobile drehen

[Marktwert]

Hallo,
ich habe eine eigene Box mit Rahmen angelegt und hier nur ein Bild drin (Flyer im(Querformat). Auf dem Desktop und mit dem iPad wird es auch komplett angezeigt. Beim Telefon sieht man hier nur einen Ausschnitt, der Rest ist Rechts ausserhalb des Bildes und kann mit schieben des Bildschirms auch gesehen werden. Dreht man das Handy, sieht man die Box(den Flyer) richtig. Es ist natürlich unschöne, da die Box im Hochformat abgeschnitten aussieht.
(Template EVO)
Deswegen hier meine Fragen

Gibt es die Möglichkeit festzulegen,
a) dass diese Box durch eine andere (Fließtext) beim HANDY ersetzt wird?
b) die Box beim Handy einfach gedreht wird?

Besten Dank für eueren Rat
Mit freundlichen Grüßen
Frank

 

[martinwolf]

Gib dem Bild eine Klasse "img-responsive" dann skaliert es sich proportional und läuft nicht mehr über die Box hinaus.

 

[Marktwert]

das geht leider nicht, da der Flyer zu groß und in der Folge dann das Bild nicht lesbar ist. Wenn es sich drehen würde wäre besser.

PS: mit dem img-responsive hat funktioniert, sieht auf jeden Fall besser aus wie vorher, drehen wäre nat. das Optimum.

 

[martinwolf]

Das EVO Template unterscheidet kein Smartphone Hoch- oder Querformat. Ab 767px ist im EVO alles als XS eingestuft. Das zu ändern setzt eine Anpassung des Bootstrap Grundrasters voraus.

 

[TurboPerformance]

Ich glaube er meint was anderes.
Gib deinem Bild eine class zb "mobiledrehen" und mach was mit

@media (max-width: 767px) {
.mobiledrehen{
transform: rotate(-90deg);
}
}

in deiner custom css datei.