tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/23007-verwendung-tagline-in-tao-auf-volle-bildschirmhhe-anpassenRockSolid Themes: Discussion 2020-08-04T11:10:10Ztag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-06T09:33:47Z2020-08-04T11:10:09ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Produkt: Tao Contao<br>
Contao-Version: 4.4.6<br>
Browser und Browserversionen: FF 56</p>
<p>Hallo,<br>
wie kann ich das Tagline in Tao auf volle Bildschirmhöhe anpassen, so dass sich die Höhe meines Slides an den jeweiligen Bildschirm anpasst. Die breite habe ich, aber die Höhe bekomme ich nicht hin.</p></div>Andreas Steinkellnertag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-06T16:03:50Z2017-10-06T16:03:50ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Vielen Dank für Ihre Frage.</p>
<p>Um den Slider an der Höhe des Browserfensters auszurichten können Sie folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> einfügen:</p>
<pre>
<code>.main-slider {
height: calc(100vh - 122px);
}
@media screen and (max-width: 599px) {
.main-slider {
height: auto;
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-09T06:30:12Z2020-08-04T11:10:09ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Herzlichen Dank für die Information.</p>
<p>Mit freundlichen Grüßen,<br>
Andreas</p></div>Andreas Steinkellnertag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-09T18:44:14Z2017-10-09T18:44:16ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Hallo,<br>
ich möchte mich diesem Thema mit einer Frage anschließen.<br>
Meine Tagline besteht aus: Slider - Zentrierter Bereich Anfang - Boxen - Zentrierter Bereich Ende.<br>
Ich hätte nun gerne dass sich meine gesamte Tagline an die Bildschirmhöhe anpasst.<br>
Dies funktioniert bei Vollbild auch einwandfrei wenn ich diese CSS-Eigenschaften dem Elternelement gebe.<br>
Sobald man allerdings das Browser-Fenster kleiner macht oder zoomt, verschwinden die Boxen oder es sind nur noch Teile davon zu sehen.<br>
Wie kann ich das lösen?</p></div>christophertag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-10T09:11:39Z2017-10-10T09:11:39ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-10T11:31:25Z2017-10-10T11:35:39ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Hallo und danke für die schnelle Rückmeldung,<br>
meine Seite befindet sich zur Zeit noch im Wartungsmodus.</p>
<p>Ich habe es hier reproduziert:<br>
[link entfernt] … den Link bitte anschließend wieder entfernen.</p>
<p>Danke</p></div>Christophertag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-10T15:01:48Z2017-10-10T15:01:48ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Der Slider auf Ihrer Seite hat nach wie vor eine fixierte Höhe von 600 Pixel. Versuchen Sie es bitte mit folgendem CSS-Code:</p>
<pre>
<code>.main-slider {
height: calc(100vh - 300px);
}
@media screen and (max-width: 599px) {
.main-slider {
height: auto;
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-10T16:19:27Z2017-10-10T16:19:28ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Denkfehler, … jetzt funktioniert's!<br>
Herzlichen Dank!</p></div>Christophertag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-16T08:12:35Z2020-08-04T11:10:10ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Eines hätte ich noch. Wenn man hier die Höhe ändert, ist der Parallax-Effekt weg. Gibt's noch ne Möglichkeit, dass auch weiterhin dieser Effekt bleibt?</p></div>Andreas Steinkellnertag:help.rocksolidthemes.com,2012-07-23:Comment/436815012017-10-16T09:50:45Z2017-10-16T09:50:45ZVerwendung: Tagline in Tao auf volle Bildschirmhöhe anpassen<div><p>Bearbeiten Sie dafür bitte die Datei <em>files/tao/js/script.js</em> und ersetzen Sie diese Zeile:</p>
<pre>
<code>&& taglineHeight + originalHeight < documentHeight</code>
</pre>
<p>mit folgendem Code:</p>
<pre>
<code>&& taglineHeight + originalHeight < documentHeight + 100</code>
</pre></div>RockSolid Themes