Docs

[krissy28]

hi!
i have added this to site

add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2); function add_login_logout_link($items, $args) { ob_start(); wp_loginout('index.php'); $loginoutlink = ob_get_contents(); ob_end_clean(); $items .= '<li>'. $loginoutlink .'</li>'; return $items; }

but it seems like it is not aligned with the menu and it is floating

pls assist thanks!

[krissy28]

This reply has been marked as private.

[Thai]

Please provide us with your admin account so we can take a closer look.

Thanks.

[krissy28]

This reply has been marked as private.

[krissy28]

as you can see the login/logout and cart menu items are floating and not aligned..

[krissy28]

This reply has been marked as private.

[Thai]

Hi There,

Please update your code to this:

add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2); 
function add_login_logout_link($items, $args) { 
	ob_start(); 
	wp_loginout('index.php'); 
	$loginoutlink = ob_get_contents(); 
	ob_end_clean();

	$items .= '<li class="ubermenu-item login-logout-link">'. $loginoutlink .'</li>'; 

	return $items; 
}

After that add the following CSS under Customizer > Custom > Global CSS:

.login-logout-link a {
    font-weight: bold;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 15px 20px;
    color: #888888;
}

Hope it helps 🙂

[Author]

Posts