tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/22015-fehler-menuleiste-soll-oben-beim-scrollen-stehen-bleibenRockSolid Themes: Discussion 2024-03-21T15:59:56Ztag:help.rocksolidthemes.com,2012-07-23:Comment/431830192017-08-10T10:45:13Z2017-08-10T10:45:13ZFehler: Menuleiste soll oben beim scrollen stehen bleiben<div><p>Produkt: Vision Contao<br>
Contao-Version: 3.5<br>
Browser und Browserversionen: edge, Chrome neueste, IOS 10.3.3</p>
<p>Die Startseite hat sehr viel Content. Will man zur Navigationsleiste zurück nach oben, muss man u.U. sehr viel wieder nach oben scrollen, bis man zum Seitenanfang gelangt. Das ist mitunter mühselig. Gibt es eine Einstellung, dass das Menu (mit dem Logo) ständig und auf allen Seiten stehen bleibt?<br>
Sowohl Desktop als auch mobil?</p></div>Karl-Ludwig Groschtag:help.rocksolidthemes.com,2012-07-23:Comment/431830192017-08-11T08:39:31Z2024-03-21T15:59:56ZFehler: Menuleiste soll oben beim scrollen stehen bleiben<div><p>Vielen Dank für Ihre Frage.</p>
<p>Eine „Sticky Navigation“-Funktion ist im Theme Vision nicht integriert. Eine solche Funktion kann nachgerüstet werden, dafür ist zusätzlicher CSS- und JavaScript-Code nötig.</p>
<p>Der CSS-Code dafür könnten z. B. folgendermaßen aussehen:</p>
<pre>
<code>body {
padding-top: 52.5px;
}
body > header {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: none;
padding: 0 calc((100vw - 1100px) / 2);
box-shadow: 0 1px 0px rgba(0,0,0,.2);
}
#logo {
left: max(4%, (100vw - 1012px) / 2);
width: calc((100% - max(0px, 100vw - 1100px)) * 0.2);
}</code>
</pre>
<p>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