tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/15960-verwendung-header-navigationis-fixed-auch-bei-smartphoneRockSolid Themes: Discussion 2021-03-23T11:03:40Ztag:help.rocksolidthemes.com,2012-07-23:Comment/399447942016-05-24T07:36:26Z2018-04-04T18:17:38ZVerwendung: .header-navigation.is-fixed auch bei Smartphone<div><p>Vielen Dank für Ihre Frage.</p>
<p>Ersetzen Sie dafür bitte in der Datei <em>files/oneo/js/script.js</em> diesen Code-Block:</p>
<pre>
<code>var mediaQueryMatches = function() {
if (mediaQuery) {
return mediaQuery.matches;
}
return window.Modernizr && Modernizr.mq && Modernizr.mq("(max-width: 900px)");
};</code>
</pre>
<p>mit folgendem:</p>
<pre>
<code>var mediaQueryMatches = function() {
return false;
};</code>
</pre>
<p>Beachten Sie bitte, dass durch diese Anpassung eventuell weitere Änderungen nötig werden.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/399447942016-10-15T11:16:21Z2016-10-15T11:16:23ZVerwendung: .header-navigation.is-fixed auch bei Smartphone<div><p>Ich habe den Code-Block vergeblich in der script.js gesucht.
Möchte genau diese Änderung auch einsetzen.<br>
Contao-Version: 3.5.15, Tao: 1.4.4. Was muss ich tun?</p></div>Angela Morissetag:help.rocksolidthemes.com,2012-07-23:Comment/399447942016-10-17T09:14:11Z2021-03-23T11:03:40ZVerwendung: .header-navigation.is-fixed auch bei Smartphone<div><p>Im Theme Tao suchen Sie bitte nach folgender Zeile:</p>
<pre>
<code>if (getZoomLevel() > 1.01 || (window.matchMedia && window.matchMedia("(max-width: 900px)").matches)) {</code>
</pre>
<p>und ersetzen Sie hiermit:</p>
<pre>
<code>if (getZoomLevel() > 1.01) {</code>
</pre>
<p>Zusätzlich können Sie noch folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> einfügen um die Darstellung zu verbessern:</p>
<pre>
<code>@media (max-width: 900px) {
.header-navigation-inner {
min-height: 9.7em;
}
}
@media (max-width: 599px) {
.header-navigation-inner {
min-height: 5.8em;
}
.main-navigation-mobile-open {
position: fixed;
}
}</code>
</pre>
<p>Beachten Sie dabei bitte, dass die Tao-Navigation nicht darauf ausgelegt ist auf kleinen Bildschirmen fixiert zu werden. Sollten Sie Unterstützung bei der Anpassung benötigen, stehen Ihnen unsere Partner gerne zur Verfügung. Eine Auswahl an Agenturen und Freelancer finden Sie in unserem Partnernetzwerk: <a href="https://rocksolidthemes.com/de/contao/service/agenturen">https://rocksolidthemes.com/de/contao/service/agenturen</a></p></div>RockSolid Themes