Mobile submenu - only works when tapping the arrow

Hi there, is it possible to make the mobile dropdown submenu work so you just have to tap on the menu itself, not the little “down arrow” on the right? It’s very annoying to have to tap that small arrow, the mobile version should allow tapping one the parent menu to pop up the submenu.

If possible, please provide relevant CSS/JS to change the behavior.

Thank you!

I have the same problem.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.menu-item .btn-submenu {
    width: 100%;
    text-align: right;
    right: unset;
    padding-right: 50px;
}

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

Kind Regards, Roman.

Thank you very much, this is exactly what I needed.

Great! You are welcome :slight_smile:

Kind Regards, Roman.