Skip to content

Instantly share code, notes, and snippets.

@KaineLabs
Created March 7, 2018 21:39
Show Gist options
  • Select an option

  • Save KaineLabs/843449eb3a59dbf3adf36d3b3204785d to your computer and use it in GitHub Desktop.

Select an option

Save KaineLabs/843449eb3a59dbf3adf36d3b3204785d to your computer and use it in GitHub Desktop.
Add User Menu To The Primary Nav.
/**
* Add User Menu To The Primary Nav.
*/
function yz_primary_nav_youzer_menu() {
global $Youzer;
?>
<div class="yz-primary-nav-area">
<?php yz_user_quick_buttons(); ?>
<div class="yz-primary-nav-settings">
<div class="yz-primary-nav-img" style="background-image: url(<?php echo bp_core_fetch_avatar( array(
'item_id' => bp_loggedin_user_id(), 'type' => 'thumbnail', 'html' => false ) ); ?>)"></div>
<i class="fa fa-angle-down yz-settings-icon" aria-hidden="true"></i>
</div>
<?php $Youzer->user->settings( bp_loggedin_user_id() ); ?>
</div>
<?php
}
// Styling .
.yz-primary-nav-area {
position: relative;
}
.yz-primary-nav-area .yz-quick-buttons,
.yz-primary-nav-area .yz-primary-nav-settings {
display: inline-block;
vertical-align: middle;
}
/* Navbar Account Settings */
.yz-primary-nav-settings {
height: 65px;
z-index: 9999;
cursor: pointer;
margin-left: 8px;
line-height: 65px;
position: relative;
display: inline-block;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
.yz-primary-nav-settings .yz-primary-nav-img {
width: 35px;
height: 35px;
vertical-align: middle;
display: inline-block;
background-size: cover;
background-color: #f5f5f5;
background-position: center;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
}
.yz-primary-nav-settings .yz-settings-icon {
top: 2px;
color: #9ca4ab;
cursor: pointer;
margin-left: 5px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.open-settings-menu .yz-settings-icon {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.yz-primary-nav-area .yz-settings-menu {
right: 0;
margin: 0;
width: 200px;
display: none;
z-index: 9999;
text-align: left;
line-height: 24px;
padding: 8px 25px;
position: absolute;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: 0px 2px 1px 0px rgba(164, 166, 167, 0.33);
-webkit-box-shadow: 0px 2px 1px 0px rgba(164, 166, 167, 0.33);
box-shadow: 0px 2px 1px 0px rgba(164, 166, 167, 0.33);
}
.yz-primary-nav-area .yz-settings-menu a {
margin: 0;
width: 100%;
padding: 8px 0;
display: block;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.yz-primary-nav-area .yz-settings-menu a span,
.yz-primary-nav-area .yz-settings-menu a i {
display: inline-block;
}
.yz-primary-nav-area .yz-settings-menu a .yz-icon {
width: 25px;
margin-right: 5px;
display: inline-block;
text-align: center;
}
.yz-primary-nav-area .yz-settings-menu a i {
top: 1px;
color: #a4a6a7;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yz-primary-nav-area .yz-settings-menu a span {
color: #898989;
font-weight: 600;
font-size: 12.5px;
text-transform: capitalize;
}
.yz-primary-nav-area .yz-settings-menu a:hover i {
color: #777;
}
@Radzio1615
Copy link
Copy Markdown

Code doesn't work with Youzify. Can you update?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment