Simple DropDown Menu on Action Bar

Hello,

I'm tryng to put the "Languages Menu" on Action Bar because i need an "DropDown Menu" But i have some issues with the css or something. Please you can give me some tip to resolve this.



This is the php Action Bar New Code:
              
     <div class="gmenu" style="float: right;">
                        <?php
                           
                            if( has_nav_menu( 'lang-menu' ) ){

                                // Custom Languages Menu
                                echo '<div class="wpml-languages custom">';
                                    echo '<a class="active" href="#">'. mfn_get_menu_name( 'lang-menu' ) .'<i class="icon-down-open-mini"></i></a>';
                                    mfn_wp_lang_menu();
                                echo '</div>';
                               
                            };
                           
                        ?>
                    </div>   


And this is the CSS


    /* WPML */
    .gmenu .wpml-languages { display: block; float:left; position: relative; top: 8px; z-index: 210; margin-right: 10px; }
    .gmenu .wpml-languages a.active { display: block; padding: 5px 6px 5px 10px; border: none; -webkit-border-radius: 5px; border-radius: 5px; }
    .gmenu .wpml-languages.disabled a.active { padding: 8px 10px; }
    .gmenu .wpml-languages a.active i { font-size: 14px; line-height: 14px; margin: 0 0 0 5px; }
    .gmenu .wpml-languages a.active i:before { margin: 0; }
    .gmenu .wpml-languages a:hover.active { text-decoration: none; }
    .gmenu .wpml-languages.enabled:hover a.active { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 0; }
    .gmenu .wpml-languages ul.wpml-lang-dropdown { position: absolute; left: 0; top: 100%; width: 100%; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; z-index: 95000000000000000000000; overflow: hidden; display: block; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .gmenu .wpml-languages ul.wpml-lang-dropdown li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .gmenu .wpml-languages ul.wpml-lang-dropdown li:last-child { border-bottom: 0; }
    .gmenu .wpml-languages ul.wpml-lang-dropdown li a { font-size: 12px; display: block; text-align: center; padding: 4px 0px; color: #8B8B8B; }
    .gmenu .wpml-languages ul.wpml-lang-dropdown li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(0,0,0,.03); }
   
    .gmenu .wpml-languages:hover { height: auto; }
    .gmenu .wpml-languages:hover ul.wpml-lang-dropdown { display: block; }
   
    .gmenu .wpml-languages a.active,
    .gmenu .wpml-languages ul.wpml-lang-dropdown { background: rgba(0, 81, 138, 0.83); }
   
        .gmenu .wpml-languages.horizontal { display: block; padding: 8px 10px; border:1px solid #e8e8e8; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; }
        .gmenu .wpml-languages.horizontal ul li { float:left; margin-right:6px; }
        .gmenu .wpml-languages.horizontal ul li:last-child { margin-right:0; }






Please tellme if something is wrong or how convert the "social menu" in a dropdown menu.


Tnks a lot and Regards.