tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/65811-verwendung-erweiterung-und-ausrichtung-navigation-headder-oneoRockSolid Themes: Discussion 2021-04-20T11:50:28Ztag:help.rocksolidthemes.com,2012-07-23:Comment/491523322021-04-20T11:50:26Z2021-04-20T11:50:26ZVerwendung: Erweiterung und Ausrichtung Navigation Headder Oneo<div><p>Vielen Dank für Ihre Nachricht.</p>
<p>Ihre Frage betrifft eine individuelle Anpassung. In unseren <a href="https://rocksolidthemes.com/support-richtlinien">Support-Richtlinien</a> weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten leisten können. Dennoch versuchen wir Ihnen, in diesem Fall, im Rahmen unserer Möglichkeiten weiterzuhelfen:</p>
<p>Für die obere Zeile können Sie ein eigenes HTML-Modul anlegen mit z. B. folgendem Inhalt:</p>
<pre>
<code><div class="header-navigation-bar">
<ul>
<li>Anschrift</li>
<li>Telefonnummer</li>
<li>Email</li>
</ul>
<ul>
<li>Impressum</li>
<li>Datenschutz</li>
</ul>
</div></code>
</pre>
<p>Dieses Modul kann anschließend in den Layouteinstellungen vor dem Modul „~ Main Navigation Begin“ eingebunden werden.</p>
<p>Der CSS-Code für dieses Modul kann z. B. folgendermaßen aussehen, diesen können Sie in die Datei <em>files/oneo/css/custom.css</em> einfügen:</p>
<pre>
<code>.header-navigation-bar {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.header-navigation-bar ul,
.header-navigation-bar li {
display: inline;
margin: 0;
padding: 0;
}</code>
</pre>
<blockquote>
<p>Untere Zeile: Oneo Standard Navi mit Logo, etc. - allerdings Randabstand der Inhalte wie obere Zeile bzw. Contentbereiche darunter.</p>
</blockquote>
<p>Diese Darstellung können Sie z. B. mit folgendem CSS-Code realisieren:</p>
<pre>
<code>.main-navigation-search {
margin-right: max(0px, calc(50vw - 640px));
}
.logo {
margin-left: max(0px, calc(50vw - 640px));
}</code>
</pre></div>RockSolid Themes