tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/20494-verwendung-menpunkte-in-oneo-neben-der-lupe-darstellen-und-logo-vergrert-sichRockSolid Themes: Discussion 2018-12-16T21:29:02Ztag:help.rocksolidthemes.com,2012-07-23:Comment/426173782017-05-24T09:08:01Z2017-05-24T09:08:01ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Vielen Dank für Ihre Frage.</p>
<p>Sie können einen Hauptmenüpunkt durch ein Icon austauschen indem Sie der Seite eine CSS-Klasse z. B. <code>nav-sitemap</code> vergeben und folgenden CSS-Code in die Datei <em>files/oneo/css/custom.css</em> einfügen:</p>
<pre>
<code>.main-navigation > ul > li.nav-sitemap > a,
.main-navigation > ul > li.nav-sitemap > span {
text-indent: -99em;
overflow: hidden;
line-height: 0;
}
.main-navigation > ul > li.nav-sitemap > a:after,
.main-navigation > ul > li.nav-sitemap > span:after {
font: 1.4em/1 "RockSolid Icons";
content: "\e0cb";
text-indent: 0;
display: block;
}</code>
</pre>
<p>Den Icon-Code <code>"\e0cb"</code> können Sie dabei mit einem beliebigen Icon ersetzen. Die Codes aller Icons finden Sie in der Datei <em>files/oneo/fonts/rocksolid-icons.html</em>.</p>
<p>Das Logo verpixelt, da die Navigation zu breit ist und umbricht. Über folgenden CSS-Code können Sie die Größe des Logos fixieren:</p>
<pre>
<code>.logo img {
display: inline;
height: 10em;
}</code>
</pre>
<p>Der Abstand über der Such-Lupe sollte sich hiermit entfernen lassen:</p>
<pre>
<code>@media screen and (max-width: 900px) {
.main-navigation, .main-navigation-search {
margin-top: 0;
}
.page-header .mod_changelanguage {
margin-top: 0;
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426173782017-05-24T16:01:57Z2017-05-24T16:02:00ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Vielen Dank die CSS Scripte haben super funktioniert und erfüllen ihre Aufgabe.<br>
Eine letzte Sache noch. Wenn das Fenster ein bisschen in der Breite zusammengeschoben wird bzw. die Auflösung nicht so groß ist (z.B. auf älteren PCs oder Laptops) wird das Menü in 2 Reihen dargestellt. Der weiße Abstand wird dabei so groß, dass das Menü ca. 1/3 der Seite einnimmt. Wie kann man diesen Abstand verkleinern?</p>
<p>Vielen Dank!</p></div>Michaeltag:help.rocksolidthemes.com,2012-07-23:Comment/426173782017-05-26T08:41:24Z2017-05-26T08:41:24ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Vielen Dank für Ihre Frage.</p>
<p>Bitte versuchen Sie es mit folgendem CSS-Code:</p>
<pre>
<code>@media screen and (max-width: 1600px) {
.main-navigation > ul > li {
margin-left: 0;
}
}
@media screen and (max-width: 1350px) {
.main-navigation, .main-navigation-search {
margin-top: 0;
}
.page-header .mod_changelanguage {
margin-top: 0;
}
.main-navigation {
zoom: 1;
position: relative;
float: none;
clear: both;
padding-left: 1.46667em;
}
.main-navigation:before {
content: "";
display: table;
}
.main-navigation:after {
content: "";
display: table;
clear: both;
}
.logo {
position: static;
float: left;
margin-left: 4.16667%;
padding-top: 1.6em;
padding-bottom: 0.4em;
}
}
@media screen and (max-width: 599px) {
.logo {
float: none;
text-align: center;
margin-left: 0;
padding-top: 0.8em;
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426173782018-09-04T05:49:15Z2018-12-15T08:17:38ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Ich habe die nav-sitemap-Vorlage (oben) benutzt um unter TAO 1.5.6 einen Seitentitel in der Hauptnavigation mit einem Icon zu ersetzen. Der Icon ist jetzt da, aber leider bleibt der Seitentitel als Schrift bestehen. Liegt es an itemprop? Was kann ich tun um den Schriftzug verschwinden zu lassen?</p></div>contacttag:help.rocksolidthemes.com,2012-07-23:Comment/426173782018-09-05T13:26:10Z2018-09-05T13:26:10ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Durch die Angabe von <code>text-indent: -99em;</code> sollte der Text bereits ausgeblendet werden und nur das Icon sichtbar sein.</p>
<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/426173782018-09-05T13:58:20Z2018-12-15T08:17:38ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>-</p></div>contacttag:help.rocksolidthemes.com,2012-07-23:Comment/426173782018-09-05T17:03:19Z2018-12-15T08:17:38ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>ist bereits per eMail nebst Zugangsdaten geschehen</p></div>contacttag:help.rocksolidthemes.com,2012-07-23:Comment/426173782018-09-06T13:21:23Z2018-09-06T13:21:23ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Versuchen Sie es bitte mit folgendem CSS-Code:</p>
<pre>
<code>.main-navigation > ul > li.nav-shop > a,
.main-navigation > ul > li.nav-shop > span,
.main-navigation > ul > li.nav-shop > strong {
text-indent: -99em;
overflow: hidden;
line-height: 0;
padding-top: 1.5em;
}
.main-navigation > ul > li.nav-shop > a:after,
.main-navigation > ul > li.nav-shop > span:after,
.main-navigation > ul > li.nav-shop > strong:after {
font: 1.4em/1 "RockSolid Icons";
content: "\e039";
text-indent: 0;
display: block;
position: static;
background: none;
height: auto;
}
.main-navigation > ul > li.nav-shop > a:before,
.main-navigation > ul > li.nav-shop > span:before,
.main-navigation > ul > li.nav-shop > strong:before {
content: none;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426173782018-09-06T13:31:11Z2018-12-15T08:17:38ZVerwendung: Menüpunkte in Oneo neben der Lupe darstellen und Logo vergrößert sich<div><p>Ja, das war die Lösung!</p>
<p>Vielen Dank an das Supportteam</p>
<p>JH</p></div>contact