Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo,
ich benutze ein Theme, dass bereits mit individuellen Menüs arbeitet.
Nun möchte ich aber kein Dropdown Menü, sondern bei Klick auf ein Hauptmenü, sollen alle Untermenüs horizontal darunter aufscheinen
Leider hats nach vielen Versuchen noch nicht klappt
Wäre daher für Tipps dankbar, wie das machbar ist!
Liebe Grüße
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Das musst du im Code ändern- das wird warscheinlich nicht über die Menüfunktin zu lösen sein
Ok!
In der header.php wird das Menü so eingebunden:
<?php wp_nav_menu(array('menu' => 'Navigation', 'theme_location' => 'Navigation', 'depth' => 2, 'container' => 'div', 'container_class' => 'nav', 'menu_class' => 'dd', 'menu_id' => 'dd', 'walker' => new extended_walker())); ?>in der functions.php gibt's dann weiteren Code:
if ( !is_nav_menu('Navigation') || !is_nav_menu('Top menu') ) {
$menu_id1 = wp_create_nav_menu('Navigation');
$menu_id2 = wp_create_nav_menu('Top menu');
wp_update_nav_menu_item($menu_id1, 1);
wp_update_nav_menu_item($menu_id2, 1);
}
class extended_walker extends Walker_Nav_Menu{
function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {
if ( !$element )
return;
$id_field = $this->db_fields['id'];
//display this element
if ( is_array( $args[0] ) )
$args[0]['has_children'] = ! empty( $children_elements[$element->$id_field] );
//Adds the 'parent' class to the current item if it has children
if( ! empty( $children_elements[$element->$id_field] ) )
array_push($element->classes,'parent');
$cb_args = array_merge( array(&$output, $element, $depth), $args);
call_user_func_array(array(&$this, 'start_el'), $cb_args);
$id = $element->$id_field;
// descend only when the depth is right and there are childrens for this element
if ( ($max_depth == 0 || $max_depth > $depth+1 ) && isset( $children_elements[$id]) ) {
foreach( $children_elements[ $id ] as $child ){
if ( !isset($newlevel) ) {
$newlevel = true;
//start the child delimiter
$cb_args = array_merge( array(&$output, $depth), $args);
call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
}
$this->display_element( $child, $children_elements, $max_depth, $depth + 1, $args, $output );
}
unset( $children_elements[ $id ] );
}
if ( isset($newlevel) && $newlevel ){
//end the child delimiter
$cb_args = array_merge( array(&$output, $depth), $args);
call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
}
//end this element
$cb_args = array_merge( array(&$output, $element, $depth), $args);
call_user_func_array(array(&$this, 'end_el'), $cb_args);
}
}Wo kann ich hier das Dropdown unterbinden?
Vielen Dank!
Ich denke, das müsste über das Stylesheet zu lösen sein. Die zweite Menüebene wird dort vermutlich schon (zumindest ansatzweise) definiert sein (suche nach Angaben ähnlich zu "ul ul").
Verschiedene horizontale Menüs behandelt zB diese Seite.
In der style.css sieht der passende Teil so aus:
/*** Navigation ***/
.nav {border-top: 1px solid #d9d9d9;}
.dd {height: 48px;}
.dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 13px; text-transform: uppercase;}
.dd li a {color: #000; text-decoration: none; display: block; padding-top: 18px; margin: 0 33px; white-space: nowrap;}
.dd li a:hover {text-decoration: underline;}
.dd li ul {position: absolute; padding: 8px 0 10px; visibility: hidden; background: #000; z-index: 100;}
.dd li ul li {float: none; border: none; font-size: 11px; text-align: left; margin: 5px 0; padding: 0 8px;}
.dd li ul li a {color: #fff; display: inline; margin: 0 !important; white-space: normal; padding-top: 0;}
.dd li.dd_hover {background: #000;}
a.dd_hover:hover {text-decoration: none !important;}
.submenu a:hover {text-decoration: underline;}
.dd li.parent a {margin: 0 8px; padding-right: 12px; background: url("images/dd.png") 100% 24px no-repeat;}
.dd li.parent a.dd_hover {color: #fff; background: url("images/dd_hover.png") 100% 24px no-repeat; margin: 0 8px; padding-right: 12px; border-bottom: 1px solid #fff; padding-bottom: 10px;}Ich hatte bereits herumprobiert, aber hat noch nicht das gewünschte Resultat gebracht.
kannst du mehr info angeben?
- namen des themes?
- einen link zu deiner seite?
Ich nutze das "Sight" Theme von WpShower
Link zu meiner Seite:
http://www.stylemevegan.com/
Nur die Kategorie "Fashion" hat momentan eine Unterkategorie, da die Seite noch inaktiv ist
Kann mir jemand helfen?
Ich stecke fest und komm nicht weiter
Ich schaffs nicht, dass die Unterkategorien vom Menü nicht nur bei Hover stehen bleiben.
Alles andere sollte ja reines CSS sein, was ich hinbekommen sollte
Hat denn niemand einen Tipp für mich?
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!