Bewegtes Element

Allgemeine Fragen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Bewegtes Element

Ungelesener Beitrag 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;
  }
}
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bewegtes Element

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bewegtes Element

Ungelesener Beitrag von Tommy Herrmann »

Guckst Du:

stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Bewegtes Element

Ungelesener Beitrag von stobi_de »

Important hat da auch keine Wirkung :confused:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bewegtes Element

Ungelesener Beitrag 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"
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bewegtes Element

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bewegtes Element

Ungelesener Beitrag 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.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Bewegtes Element

Ungelesener Beitrag 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.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 29 Gäste