Change the user "dropdown" menu

[Clipperty]

Hello.



First off, lets add some rounded corners at the bottom(Personally i don't like squared boxes),
edit this CSS file
/public_html/lib/Peafowl/peafowl.css | Search: ".pop-btn .pop-box", and replace it with:

.pop-btn .pop-box {
        top: 100%;
        margin-top: 10px;
        border-radius: 0px 0px 3px 3px;
        -moz-border-radius: 0px 0px 3px 3px;
        -webkit-border-radius: 0px 0px 3px 3px;

    }

Now we got rounded corners, you can edit the "3"'s for even more rounded corners, Up to you.

Oke, lets go to the "header.php" in your theme you are using and add some seperators, it is probably: /public_html/app/themes/Peafowl, find header.php and edit this.

header.php | Line: 400 , you will then see this <ul> menu:

<ul>
                            <li><a href="<?php echo CHV\Login::getUser()["url"]; ?>"><?php _se('My Profile'); ?></a></li>
                            <?php if(CHV\getSetting('enable_followers')) { ?><li><a href="<?php echo G\get_base_url('following'); ?>"><?php _se('Following'); ?></a></li><?php } ?>
                            <li><a href="<?php echo CHV\Login::getUser()["url_albums"]; ?>"><?php _se('Albums'); ?></a></li>
                            <?php if(CHV\getSetting('enable_likes')) { ?>
                            <li><a href="<?php echo CHV\Login::getUser()["url_liked"]; ?>"><?php _se('Liked'); ?></a></li>
                            <?php } ?>
                            <li><a href="<?php echo G\get_base_url("settings"); ?>"><?php _se('Settings'); ?></a></li>
                            <?php if(is_admin()) { ?>
                            <li><a href="<?php echo G\get_base_url("dashboard"); ?>"><?php _se('Dashboard'); ?></a></li>
                            <?php } ?>
                            <li><a href="<?php echo G\get_base_url(sprintf("logout?auth_token=%s", get_auth_token())); ?>"><?php _se('Sign out'); ?></a></li>
                        </ul>

So, if you want to seperate Likes and Settings, add this code between Liked and Settings:

</ul>
                        <div class="or-separator"></div>
                        <ul>

E.G my own menu:

                        <ul>
                            <li><a href="<?php echo CHV\Login::getUser()["url"]; ?>"><?php _se('My Profile'); ?></a></li>
                            <?php if(CHV\getSetting('enable_followers')) { ?><li><a href="<?php echo G\get_base_url('following'); ?>"><?php _se('Following'); ?></a></li><?php } ?>
                            <li><a href="<?php echo CHV\Login::getUser()["url_albums"]; ?>"><?php _se('Albums'); ?></a></li>
                            <?php if(CHV\getSetting('enable_likes')) { ?>
                            <li><a href="<?php echo CHV\Login::getUser()["url_liked"]; ?>"><?php _se('Liked'); ?></a></li>
                        </ul>
                        <div class="or-separator"></div>
                        <ul>
                            <?php } ?>
                            <li><a href="<?php echo G\get_base_url("settings"); ?>"><?php _se('Settings'); ?></a></li>
                            <li><a href="https://norpx.no/settings/profile">Endre Detaljer</a></li>
                            <?php if(is_admin()) { ?>
                            <li><a href="<?php echo G\get_base_url("dashboard"); ?>"><?php _se('Dashboard'); ?></a></li>
                            <?php } ?>
                        </ul>
                        <div class="or-separator"></div>
                        <ul>
                            <li><a href="<?php echo G\get_base_url(sprintf("logout?auth_token=%s", get_auth_token())); ?>"><?php _se('Sign out'); ?></a></li>
                        </ul>

Oke, save it, and upload it in: /public_html/app/themes/Peafowl/overrides

and thats it..
If you want to add more links in the menu, add this code after </li> and before <li>

<li><a href="link here">menu name</a></li>

PS: im not sure if you can modify/add links to this menu elsewhere, so please correct me if im wrong

 

[jimsweb]

doe anyone know how to add icons to these menu items?

 

[Rodolfo]

<span class="btn-icon icon-$ICON"></span>

Icons can be found here: https://chevereto.com/src/icomoon/