change pop out menu item

[gregkamphuis@hotmail.com]

Hi,
Is it possible to change the pop out side menu icon that is in the main navigation menu from that little stack of bars to something else, hopefully to the profile avatar of the current user? Thanks. Also I m pretty new at this so as much detail as possible would be excellent.
Greg

[sharmstr]

You can change the icon by putting this in your child css and changing to whatever code you want.

COPY CODE

.icon-menu:before {
  content: '\e87a';
}

Adding the user avatar isn’t as easy and would take custom coding on your part that is beyond the scope of support here. But I can tell you you’ll have to copy the kleo_side_menu_button function to your child theme to display the avatar if the user is logged in. You can look at the kleo_menu_user_avatar for reference on one way to do that.

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

[gregkamphuis@hotmail.com]

Thanks for the quick reply, actually I found that you can just add class=open-sidebar to the title attribute in a menu item. However, if I add class=open-sidebar to the menu item “My account” from the customized kleo menu items then it doesn’t work and just adds the words. I only want it so that it shows the user avatar while the person is logged in, so if they click their avatar, the side menu pops out. It its not possible without custom coding that’s okay, but it feels so close, currently I can get the name with the pop out menu, just not the avatar.

[sharmstr]

It doesnt work there because its already being used to display the username if you want. You can edit the kleo_menu_user_avatar function if you want to change that.

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