-
Posts
-
Ich habe in der fiunctions.php mit folgendem Code die Menüs mit einer login/logout Funktion ergänzt.
/* login/logout menu bar */
add_filter(‘wp_nav_menu_items’,‘add_login_logout_link’, 10, 2);
function add_login_logout_link($items, $args)
{
if( $args->theme_location == ‘avia’ ) {
ob_start();
wp_loginout(‘index.php’);
$loginoutlink = ob_get_contents();
ob_end_clean();
$items .= ‘<li class=”menu-item”>’. $loginoutlink .’‘;
}
return $items;
}Zusätzlich zeige ich den eingeloggten Benutzer mit folgendem Code an:
/* welcome user */
add_filter( ‘wp_nav_menu_items’,’my_custom_menu_item’);
function my_custom_menu_item($items)
{
if(is_user_logged_in())
{
$user=wp_get_current_user();
$name=$user->display_name; // or user_login , user_firstname, user_lastname
$items .= ‘<li style=”padding: 0em 1em; font-family: bree serif; color: rgb(255, 255, 255);”>Mitglied: ‘.$name.”;
}
return $items;
}Funktioniert auf PC und iPad solange das Menü in Textform dargestellt wird sehr gut.
In Smartphones wird zwar das Symbol für Burger Menü angezeigt aber wenn man drauf klickt wird kein Menü angezeigt.
Zusätzlich wird das Symbol im Headerbereich angezeigt wo es schwer zu finden ist.Bitte um Hilfe.
Das Problem liegt scheinbar in der Anzeige des eingeloggten user Namens.
Wenn ich diesen code
/* welcome user */
add_filter( ‘wp_nav_menu_items’,’my_custom_menu_item’);
function my_custom_menu_item($items)
{
if(is_user_logged_in())
{
$user=wp_get_current_user();
$name=$user->display_name; // or user_login , user_firstname, user_lastname
$items .= ‘<li style=”padding: 0em 1em; font-family: bree serif; color: rgb(255, 255, 255);”>Mitglied: ‘.$name.”;
}
return $items;
}in der functions.php entferne dann funktioniert das Burger Menu am smartphone.
Was ist in dem code Teil falsch?
Hi,
Danke dass Du unser Theme verwendest.
Ein Problem sehe ich, dass die Menüs a tags brauchen – sieh Dir die HTML Struktur von “Anmelden” an.
Der Aufbau des Burger Menüs setzt diese Struktur voraus. Vermutlich ist das das Problem.
Die Position ist die Standard Position des Burger Menü Items. Schwer zu erkennen ist es, weil es schwarz ist. Überlege eine andere Farbe – z.B. weiss.
LG,
GünterHi Günther,
Danke für die Antwort.
Bin jetzt etwas verwirrt. Ich verwende eigentlich die Standard Menüstruktur des Themes. Wo kann ich die a tags eingeben. Unter Design menu im jeweiligen Menüfeld?Das Burger menü funktioniert am smartphone wenn ich den bereits angeführten Ergänzungscode für die Anzeige des eingeloggten Users im Menü, weglasse. Mit dem Code in der functions.php funktioniert dann das Burger menü am smartphone nur auf der Home Seite.
Hier noch einmal der Code:
/* welcome user */
add_filter( ‘wp_nav_menu_items’,’my_custom_menu_item’);
function my_custom_menu_item($items)
{
if(is_user_logged_in())
{
$user=wp_get_current_user();
$name=$user->display_name; // or user_login , user_firstname, user_lastname
$items .= ‘<li style=”padding: 0em 1em; font-family: bree serif; color: rgb(255, 255, 255);”>Mitglied: ‘.$name.”;
}
return $items;
}lg Siegfried
Ich hab jetzt den code für die eingeloggter user anzeige wie folgt geändert:
*/
add_action(‘avia_meta_header’, ‘ava_get_user’);
function ava_get_user() {
if ( is_user_logged_in()) {
$user = wp_get_current_user();
echo “<div id=’header-welcome’>Welcome “. $user->display_name .”</div>”;
}
}Zusätzlich in der custom css
#header-welcome {
position: relative;
right: -10px;
top: -0px;
width: auto;
}
.av_secondary_right .sub_menu {
padding-right: 100px !important;
}eingetragen.
Damit funktioniert nun auch auf iPad, PC und smartphone die Anzeige des engeloggten Users im secondary Menübereich und auch das Burger menu am smartphone funktioniert.
Die Anfrage kann als erledigt makiert werden.
Danke
lg siegfried
- The topic ‘Noch immer Problem mit Burger Menu auf smartphone’ is closed to new replies.