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-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