Dropdown Menu für Andy Theme
Hallo Zusammen,
ich bin hier neu im Forum und Suche nach Hilfe um das Andy Theme um ein Dropdown Menü in der main.navigation zu erweitern. Die Seite soll für unseren Dorfverein sein, der gerade geründet wurde.
Da ich keinerlei PHP programierkenntnise besitze habe ich im Forum gesucht und bin auch recht schnell über die Suchergebnisse auf den nachfolgenden Beitrag gestoßen.
viewtopic.php?t=2198
Bin jedoch daraus nicht so richtig schlau geworden und an der Umsetzung gescheitert.
Hat jemand im Forum sowas bereits umgesetzt und könnte mich dabei anleiten oder ggf. die modifizierten Deiten zur Verfügung stellen.
Vielen Dank
ich bin hier neu im Forum und Suche nach Hilfe um das Andy Theme um ein Dropdown Menü in der main.navigation zu erweitern. Die Seite soll für unseren Dorfverein sein, der gerade geründet wurde.
Da ich keinerlei PHP programierkenntnise besitze habe ich im Forum gesucht und bin auch recht schnell über die Suchergebnisse auf den nachfolgenden Beitrag gestoßen.
viewtopic.php?t=2198
Bin jedoch daraus nicht so richtig schlau geworden und an der Umsetzung gescheitert.
Hat jemand im Forum sowas bereits umgesetzt und könnte mich dabei anleiten oder ggf. die modifizierten Deiten zur Verfügung stellen.
Vielen Dank
Hallo,
den nachfolgenden CSS Code habe ich unter bl-themes\andy\assets\css\style.css ergänzt
Mir ist nicht klar wo ich was in der navbar.php ersetzen muss.
den nachfolgenden CSS Code habe ich unter bl-themes\andy\assets\css\style.css ergänzt
Code: Select all
.dropdown-hover .main-navigation.toggled ul li:hover > ul {
transition-delay: 0s;
display: block;
visibility: visible;
left: auto;
height: auto;
opacity: 1;
transition-delay: 150ms;
pointer-events: auto;
height: auto;
overflow: visible;
}
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 78 times
- Contact:
Das kannst Du. Oder die CSS-Anweisungen in das Feld "Head" des Plugins HTML-Code zwischen die Tags <style> und </style> einfügen, also so:
In der Datei navbar.php im Verzeichnis /bl-themes/andy/php kannst Du Folgendes ersetzen (ab Zeile 13):
statt
Code: Select all
<style>
.dropdown-hover .main-navigation.toggled ul li:hover > ul {
transition-delay: 0s;
display: block;
visibility: visible;
left: auto;
height: auto;
opacity: 1;
transition-delay: 150ms;
pointer-events: auto;
height: auto;
overflow: visible;
}
</style>
Code: Select all
<?php
$current_page = $_SERVER['REQUEST_URI'];
foreach ($staticContent as $staticPage) {
$children = $staticPage->children();
if (!$staticPage->isChild()){
echo '<li class="nav-item parent">';
echo '<a class="nav-link" href="'. $staticPage->permalink().'">'.$staticPage->title().'</a>';
if ($staticPage->hasChildren()) {
echo PHP_EOL.'<ul class="child">'.PHP_EOL;
foreach ($children as $child) {
echo '<li class="nav-item child"><a href="'.$child->permalink().'">'.$child->title().'</a></li>'.PHP_EOL;
}
echo '</ul>'.PHP_EOL;
}
echo '</li>'.PHP_EOL;
}
}
?>
Code: Select all
<?php
$current_page = $_SERVER['REQUEST_URI'];
foreach ($staticContent as $staticPage) : ?>
<li <?php if ($current_page == '/' . $staticPage->slug()) echo 'class="current-menu-item"'; ?>>
<a href="<?php echo $staticPage->permalink(); ?>"><?php echo $staticPage->title(); ?></a>
</li>
<?php endforeach ?>
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
Nach dem nun die Seite von der Struktur steht habe ich festgestellt, dass sich das Dropdown Menü von mobilen Geräten nicht bedienen läßt, weil das Dropdown Menu gleich beim click die obersten Eintrag öffnet ohne das Menü zu öffen.
Auf dem Desktop PC mit dem Test der Bildschirmgrößentesten ist mir das Verhalten nicht aufgefallen. Hat jemand eine Idee was man am PHP oder CSS anpassen muss, damit die Seite auch vom Tablet und Smartphone bedient werden kann?
Gerne kann ich den Link zur Seite per PM schicken.
Auf dem Desktop PC mit dem Test der Bildschirmgrößentesten ist mir das Verhalten nicht aufgefallen. Hat jemand eine Idee was man am PHP oder CSS anpassen muss, damit die Seite auch vom Tablet und Smartphone bedient werden kann?
Gerne kann ich den Link zur Seite per PM schicken.