Button submenu display none to block


I’ve been inspecting the code and found that in a mobile device, the .btn-submenu span, when triggered, changes the .sub-menu display:none to block.

I want to make it when I click on the #menu-item-48, it expands the .sub-menu under it.

I think the little arrow on the right is pretty small,

I prefer sacrificing the Solutions land page than sacrificing the 4 sub-items.

What should I add to do this? I found out that .btn-submenu goes from active to not active. I really don’t know how to do this for a #menu-item.

Thank you,


Hello Fares,

I don’t think that you really have to sacrifice something :slight_smile: Please try to use the following CSS code first in order to highlight the arrow tap area, actually I think that it’s quite large to tap on phone screen.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

span.btn-submenu {
    background-color: rgba(255, 255, 255, 0.1);

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.