tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/64253-fehler-slider-und-men-in-contao-4910-nicht-responsiveRockSolid Themes: Discussion 2021-02-01T14:38:36Ztag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-01-29T13:11:14Z2021-01-29T13:11:14ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Produkt: Tao Contao<br>
Contao-Version: 4.9.10<br>
Browser und Browserversionen: Firefox, Chrom ...</p>
<p>Leider wird der Slider beschnitten und das Menü schiebt sich unter das Logo, wenn man mit einem Tablet die Seite besucht.<br>
Ich habe auch schon Updates durchgeführt und leider unter den anderen Tickets nichts passendes und Aktuelles gefunden.<br>
Hätten Sie hierfür ein Lösung?<br>
danke</p></div>Marcotag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-01-29T15:02:30Z2021-01-29T15:02:30ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Vielen Dank für Ihre Frage.</p>
<p>Fügen Sie bitte folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> ein:</p>
<pre>
<code>@media (max-width: 1024px) and (min-width: 901px) {
.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
padding-right: 0.5em;
}
}
.main-slider {
height: calc(455 / 2000 * 100vw);
}</code>
</pre>
<p>Damit sollte sich die gewünschte Darstellung umsetzen lassen.</p>
<p>Bei dem Slider können Sie anstatt der <code>.main-slider</code>-Angabe im CSS alternativ auch die Höhe des Sliders auf <code>2000x455</code> einstellen.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-01-29T21:22:01Z2021-01-29T21:22:03ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Bei dieser Seite hat es geklappt, bei einer weiteren nicht.<br>
Dort versuchen wir gerade mit dem Selben Tao alles einzustellen, do hier haben wir weiterhin den Fehler.<br>
Zusätzlich verschwindet der Text im Bild<br>
Danke für die Hilfe</p></div>Marcotag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-02-01T09:48:54Z2021-02-01T09:48:54ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Auf dieser Seite können Sie folgenden CSS-Code einsetzen für die Navigation:</p>
<pre>
<code>.main-navigation {
padding-right: 0;
}
@media (max-width: 1024px) and (min-width: 901px) {
.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
padding-right: 0.1em;
}
}</code>
</pre>
<p>Das Problem mit dem abgeschnittenen Text konnten wir nicht reproduzieren. Mit welchem Browser tritt dieser Darstellungsfehler auf?</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-02-01T10:20:59Z2021-02-01T11:06:06ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Dieses Problem entsteht über das Handy direkt.<br>
Android zB Chrom<br>
Appel</p>
<p>Wie in den Bildern zu sehen, passt sich der Text im Bild nicht an<br>
auch nicht nach dem Update<br>
Danke für die Unterstützung</p></div>Office Webnewtag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-02-01T11:13:28Z2021-02-01T11:13:28ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>In diesem Fall können Sie folgenden CSS-Code zusätzlich einfügen, damit sich die Höhe des Sliders im mobilen Viewport an den Text-Inhalt anpasst:</p>
<pre>
<code>@media (max-width: 599px) {
.main-slider {
height: auto;
}
}</code>
</pre>
<p>Beachten Sie dabei jedoch bitte, dass bei sehr schmalen Viewports das Bild dann seitlich abgeschnitten wird.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-02-01T12:02:52Z2021-02-01T14:34:02ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Hallo und sorry!<br>
Leider wird mei einem Handy Samsung A3 die Menüleiste (Hamburger) in das<br>
Logo verschoben.<br>
Kann es sein, dass sich hier das Logo nicht genug verkleinert?<br>
Hätte Sie hier auch noch eine Idee<br>
danke</p></div>Office Webnewtag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-02-01T12:03:48Z2021-02-01T12:03:49ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Hallo und sorry!<br>
Leider wird mei einem Handy Samsung A3 die Menüleiste (Hamburger) in das<br>
Logo verschoben.<br>
Kann es sein, dass sich hier das Logo nicht genug verkleinert?<br>
Hätte Sie hier auch noch eine Idee<br>
danke</p></div>Marco Glatztag:help.rocksolidthemes.com,2012-07-23:Comment/490026962021-02-01T14:38:32Z2021-02-01T14:38:32ZFehler: Slider und Menü in Contao 4.9.10 nicht RESPONSIVE<div><p>Mit folgendem CSS-Code können Sie die Größe des Logos in der Breite einschränken:</p>
<pre>
<code>.logo img {
max-width: 70vw;
}</code>
</pre></div>RockSolid Themes