Making mobile nav menu with submenu clickable

Hi guys

When you have sub menus only the +/- is clickable when in mobile view. How can I make the whole menu line clickable as the +/- icon is very small.

e.g

-Solutions +/-
– Solution 1
– Solution 2

Thanks in advance

Hello,

That isn’t possible because such an option doesn’t exist and also user won’t be able to clock on a menu link if it needs to lead to some page, but you can increase +/- clickable area and size with custom css code below:

.mobile-nav .slicknav_nav .slicknav_arrow {
    font-size: 22px;
    top: 0;
    vertical-align: middle;
    padding-top: 12px;
    width: 30px;
    height: 100%;
    position: absolute;
}

.mobile-nav .slicknav_nav li a {
    position: relative;
}

and clickable area will be much bigger https://www.screencast.com/t/nTBTaqHSpX9a . Off course you can increase it more if you want by increasing width and font size in that code.

You can apply the code from Appearance > Customize > Additional CSS field.

Best Regards!