tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/63886-verwendung-obersten-menpunkt-nicht-verlinken-mobil-menRockSolid Themes: Discussion 2021-01-13T12:05:26Ztag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-11T15:36:45Z2021-01-11T15:36:45ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>Produkt: Tao Contao<br>
Contao-Version: 4.9<br>
Browser und Browserversionen: aktuelle Browser / browserunabhängig / aktueller Firefox</p>
<p>Hallo und guten Tag,</p>
<p>in dieser Diskussion:</p>
<p><a href="https://help.rocksolidthemes.com/discussions/contao/7813-feature-request-obersten-menpunkt-nicht-verlinken">Obersten Menüpunkt nicht verlinken</a></p>
<p>geben Sie diesen Tipp:</p>
<pre>
<code><ul>
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>">
<a <?php if ($this->level !== 'level_1' || empty($item['subitems'])): ?> href="<?php echo $item['href']; ?>"<?php endif ?> title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a>
<?php echo $item['subitems']; ?>
</li>
<?php else: ?>
<li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>>
<a <?php if ($this->level !== 'level_1' || empty($item['subitems'])): ?> href="<?php echo $item['href']; ?>"<?php endif ?> title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a>
<?php echo $item['subitems']; ?>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul></code>
</pre>
<p>der ganz hervorragend im Hauptmenü funktioniert und dafür sorgt, dass der entsprechende Menüpunkt nicht verlinkt wird. Zwei Fragen dazu:</p>
<ol>
<li>
<p>Ist der Tipp (aus 2015) noch aktuell?</p>
</li>
<li>
<p>Scheint nicht zu klappen im Mobil-Menü. Muss ich dafür noch irgendetwas anderes tun?</p>
</li>
</ol>
<p>Vielen Dank für Ihre Hilfe!</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-11T15:57:56Z2021-01-11T15:57:56ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>Oh, sorry ... die Mobil-Frage hat sich von selbst erledigt durch Auswahl des richtigen Templates bei den Einstellungen.</p>
<p>Der Menüpunkt ist nicht mehr verlinkt in Mobil. Das Untermeü kann geöffnet werden durch Klick auf den Pfeil am Ende. Das führt zu folgender Frage:</p>
<p>Ist es möglich, dass das Untermenü sich auch öffnet durch Klick auf das ganze Feld?</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-11T16:01:37Z2021-01-11T16:01:37ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>So sieht es jetzt aus. Schön wäre es, wenn das Untermenü auch durch Klick oder gar Hover auf "mehr" öffnen würde.</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-12T09:23:55Z2021-01-12T09:23:55ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>Vielen Dank für Ihre Frage.</p>
<p>Mit folgendem CSS-Code können Sie den Click-Bereich des Pfeil-Buttons über den Text des Menüpunkts ragen lassen wodurch der Text selbst zur Klick-Fläche zum auf- und zuklappen wird:</p>
<pre>
<code>.main-navigation-mobile a:not([href]) + .main-navigation-mobile-expand,
.main-navigation-mobile strong + .main-navigation-mobile-expand,
.main-navigation-mobile span + .main-navigation-mobile-expand {
overflow: visible;
}
a:not(href) + .main-navigation-mobile-expand:before,
strong + .main-navigation-mobile-expand:before,
span + .main-navigation-mobile-expand:before {
content: "";
position: absolute;
top: 0;
left: -100vw;
height: 100%;
width: 100vw;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-12T12:13:06Z2021-01-12T12:14:37ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>Das hat super geklappt. Traumhaft, vielen Dank!</p>
<p>Bleibt nur noch eine Frage:</p>
<p>Sie hatten mir vor wenigen Wochen den folgenden Tipp gegeben, um einen kleinen Pfeil neben einen Menüpunkt mit Untermenü zu setzen:</p>
<p><a href="https://help.rocksolidthemes.com/discussions/contao/62969-verwendung-markierung-fr-menpunkt-mit-unterpunkten">Markierung für Menüpunkt mit Unterpunkten</a></p>
<pre>
<code>.level_1 > .submenu > .submenu::after {
content: "\e90d";
position: static;
border: 0;
}</code>
</pre>
<p>Das funktioniert nicht mehr, seitdem der Menüpunkt kein Link mehr ist (Tipp aus erstem Beitrag auf dieser Seite). Haben Sie dafür auch eine Lösung?</p></div>D.T. Mayánstag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-13T09:51:17Z2021-01-13T09:51:17ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>Diese Anpassung sollte durch die Änderung am Navigations-Template nicht gestört werden.</p>
<p>Haben Sie die Anpassung am Navigations-Template <em>nav_rsmm.html5</em> wie im <a href="https://help.rocksolidthemes.com/discussions/contao/7813#comment_37700503">oben verlinkten Beitrag</a> durchgeführt und auch nur den Bereich <code>href="<?php echo $item['href']; ?>"</code> verändert?<br>
Der Rest des Templates muss unverändert bestehen bleiben um alle sonstigen Funktionen beizubehalten.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/489638352021-01-13T11:53:07Z2021-01-13T11:53:07ZVerwendung: Obersten Menüpunkt nicht verlinken / Mobil Menü<div><p>Aha, mein Fehler, ein Missverständnis. Hatte das gesamte Template übernommen.</p>
<p>Bin jetzt etwas feinfühliger vorgegangen. Und funktioniert tadellos.</p>
<p>Nochmals vielen Dank für Ihre Mühe. Dieser Vorgang ist vorläufig abgeschlossen.</p>
<p>Toller Service!</p></div>D.T. Mayáns