Dexp dropdown menu

Monday, December 15, 2014 - 01:47
Hi! I am using this menu for my main menu. I like the effet with the border at the top of the items when you hover them. I also like that when I am on a current page the black bar still shows. My problem is, when I create a page and this page become a sub-menu of the main menu the black bar does not show on top of the menu item of the first level. Example : A page called "Board of Directors" that is a sub page of "About this company". When I am on the "Board of Directors" page the black bar should remain on the "About this company" main menu item. In this case, what is the CSS style I shoul tweak ? Thank you!
Saturday, December 20, 2014 - 16:46
Could you please send me your URL, I will check then send you the css style. Thanks!
Monday, December 22, 2014 - 22:19

Thank you but I found the answer by tweaking the style.less file. If you don't mind I could post what I did.

Monday, December 22, 2014 - 22:24

On the other hand, maybe you clould help me for this. What I want to do is be able to show the submenu items when my main menu is in responsive mode. I'm searching for the parameter to allow submenu to show. Do you know if this is possible ?

BTW, I'm keeping my site in maintenance mode during development. If you want, I can create an account for you and send you a private email.

Thanks you!

Tuesday, December 23, 2014 - 08:00
Hi KidPharma, Yes,please post it to share with everyone. Thanks.
Tuesday, December 23, 2014 - 08:03
Hi KidPharma, Do you mean, you want to alway expand the menu when it is in reaponsive mode? Please create a ticket with your admin account,ftp info.we will help you to do it. Thanks.
Tuesday, December 23, 2014 - 09:34

This is some CSS I wrote, hope it can help somebody. The goal was to have a menu with all capital letters and have the sub menu appears a bit closer to the main menu. Finally when you're a page that belongs to a sub menu, its parent still gets the top bar showing. I put this code at the end of the style.less file in my child theme. : )

#section-header {
    //  Main menu tweaks
    .dexp-menu { float: left !important;
        text-transform:uppercase !important;
        margin: 8px 0 0 -12px !important;
        ul li {
            line-height: 16px !important;
            font-weight: 400;
            padding: 0 15px !important;
            a { font-size: 14px !important; }
            &.active a { border-top: 2px solid #2c3e50; }
          }
    }
    .dexp-dropdown ul.menu li>ul.menu {
        min-width: 220px;
        margin-top: -20px;
        li { padding: 0 10px  !important;  }
        li a { font-size: 12px !important; border-top:none; }
    }
}