Simple DropDown Menu on Action Bar

Mimergt · May 2015

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.

Albert · May 2015

Hi,

unfortunately we can't help you in this case because we do not offer files modifications what is necessary in this case. Within css it won't be possible.

Thanks for understanding!

Simple DropDown Menu on Action Bar

Comments