Seite 1 von 1

Bewegtes Element

Verfasst: Do 9. Mär 2023, 08:10
von stobi_de
Moin!
Ich habe da mal eine Frage zu einem Theme, das ich halt auch beim Steuerberater gebraucht habe (https://www.afripix.de/steuerberater/)
Das Theme ist ComplexM5

In diesem Theme gibt es einen Standard-Header mit dem schwarzen Block an der linken Seite, den ich auch beim Steuerberater benutzt habe.
In der Ansicht von Mobi liegt der Block zuerst wagerecht und bewegt sich dann in die Senkrechte.
Auch im Mobi-Sample-Online-Projekt kann man das erkennen
https://mobirise.com/extensions/complex ... -services/

Bei mir tut sich da nix.
Auch mit extra Verzögerung nicht.

Code: Alles auswählen

.mbr-section-subtitle {
  width: fit-content;
  text-align: center;
  background: @box;
  cursor: pointer;
  transform: rotate(-90deg);
  display: block;
  transform-origin: left;
  margin-left: 4.1rem;
  padding: 2rem 2rem;
  margin-bottom: 0;
  color: #ffffff;
  transition: all 1s;
  transition-delay: 1250ms;
  transition-property: transform;
  &:hover {
    background: @primaryColor;
    color: contrast(@primaryColor);
  }
  @media (max-width: 767px) {
    width: auto;
    transform: rotate(0deg);
    margin: auto;
    padding: 1rem;
    margin-bottom: 2rem;
  }
}

Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 08:28
von Tommy Herrmann
Beim ersten Link zur neuen Seite vom Steuerberater geht es gar nicht - warum bleibt zu ergründen. Irgendwie scheint das:

transition: all 1s;

... dort nicht zu funktionieren. Hast Du mal mit !important versucht?

Das geht nur mit dem zweiten Link am "Edge" (jedoch nicht am "Firefox") - und da ist es auch Quatsch, da kaum zu sehen - ich erstelle mal ein kleines Video.

... Moment

Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 08:31
von Tommy Herrmann
Guckst Du:


Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 08:46
von stobi_de
Important hat da auch keine Wirkung :confused:

Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 08:49
von Tommy Herrmann
Vielleicht findet Werner das - er hat sich enorm viel mit dem Thema beschäftigt.

... wenn das nicht in allen Browsern geht - ist es aber sowieso eher "fraglich"

Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 08:51
von Tommy Herrmann
ich sehe gerade, dass das Teil am Handy auch waagerecht steht - da muss noch ein anderer Fehler sein.

Screenshot_20230309_085115_Samsung Internet.jpg

Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 09:01
von Tommy Herrmann
Wenn beides der gleiche Block und beides das gleiche Thema ist, dann kann es ja nur an der CSS liegen, die Du da noch reichlich hinzugefügt hast.

Im Prinzip müsstest Du ein "sauberes" und neues Projekt aus dem Thema "ComplexM5" aufziehen und zunächst mal gucken, ob der Block dann funktioniert.

Re: Bewegtes Element

Verfasst: Do 9. Mär 2023, 11:58
von stobi_de
Am Handy das muss so sein (laut Theme), habs aber ganz rausgeworfen fürs Handy.

Habe jetzt mal, wie angeraten, ein neues ComplexM5 projekt gemacht.
Am Chrome geht das, am Firefox sowieso nicht.

In meinem Projekt gehts gar nicht, auch wenn ich alles an eigenem Kram rauswerfe.