Modal Login and top bar

[fundlr]

Hi there,

I’m trying to add the modal login to my menu (using UberMenu)
From appearance>menus>KLEO items > Login/logout
Doesn’t seem to work, redirected to site.com/register
I tried to add manually the kleo-show-login class on element, without success.

Any idea ?

Also, would you know if there is any way to combine the 2 top elements (the dark one that comes with BuddyPress, and the top menu zone) ?
(These WordPress + restricted dashboard links are quite useless)

Thanks !

Attachments:

You must be logged in to view attached files.

[sharmstr]

Did you check the source code to make sure the class was actually added? It relies on jquery. Is your site throwing any jquery errors?

You can add links to different sections of the profile using ##profile##. Example: ##profile##/messages
https://archived.seventhqueen.com/documentation/kleo#menus

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[fundlr]

Hi,

The class is not automatically added by UberMenu on the <a> element, but only on the <li> holder:
<li id="menu-item-11351" class="kleo-show-login ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11351 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="http://site.com/wp-login.php" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Login</span></a></li>

I can add the class in the menu item settings, resulting in:
<li id=”menu-item-11351″ class=”kleo-show-login ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11351 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto”><span class=”ubermenu-target-title ubermenu-target-text”>Login</span>

Modal isn’t fired, just link to page http://site.com/wp-login.php
No Javascript errors in console.

BTW it seems that none of KLEO menu items are working
I tried with Live Notifications, and My Account :

COPY CODE

<li id="menu-item-11354" class="kleo-menu kleo-notifications-nav kleo-toggle-menu ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11354 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Live Notifications</span></a></li>
<li id="menu-item-11355" class="kleo-menu kleo-user_avatar-nav ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11355 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">My Account</span></a></li>

[fundlr]

Damn, code has been screwed up

Hi,

The class is not automatically added by UberMenu on the <a> element, but only on the <li> holder:

COPY CODE

<li id="menu-item-11351" class="kleo-show-login ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11351 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto">
<a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="http://site.com/wp-login.php" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Login</span></a>
</li>

I can add the class in the menu item settings, resulting in:

COPY CODE

<li id="menu-item-11351" class="kleo-show-login ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11351 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto">
<a class="ubermenu-target kleo-show-login ubermenu-item-layout-default ubermenu-item-layout-text_only" href="http://site.com/wp-login.php" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Login</span></a>
</li>

Modal isn’t fired, just link to page http://site.com/wp-login.php
No Javascript errors in console.

BTW it seems that none of KLEO menu items are working
I tried with Live Notifications, and My Account :

COPY CODE

<li id="menu-item-11354" class="kleo-menu kleo-notifications-nav kleo-toggle-menu ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11354 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto">
<a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Live Notifications</span></a>
</li>
<li id="menu-item-11355" class="kleo-menu kleo-user_avatar-nav ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-11355 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto">
<a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="#" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">My Account</span></a>
</li>

Nothing happens on hover or click on these 2 items.

[sharmstr]

Just found this. They wont work, as you’ve figured out: https://archived.seventhqueen.com/forums/topic/looking-for-header-widget-area#post-33664

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts