More intuitive mobile menu

Hi!
Actually, I found out, that click on a parent item does click on link (my parent items just didn’t have those), but I would like them to dropdown by click, and may be on second click, to click on the link.
Is it possible?
Thank you!

I created a solution, may be not the best, but it can help somebody:

.handheld-navigation ul.menu li button:before {
    content: "1 ";
    width: 98vw;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    vertical-align: baseline;
    position: relative;
    height: 35px;
    z-index: 9999;
    color: transparent;
}
.handheld-navigation ul.menu li button:after {
	position: absolute;
}

/* Delete this part if you want second click to close a parent menu back and not to go by parent menu link */
.handheld-navigation ul.menu li button.toggled-on:before {
    display: none;
}

• This reply was modified 3 years, 8 months ago by kiberchaka.

Hi @kiberchaka,

I’m sorry we missed your post. It looks like you’ve been able to solve the issue yourself, so I’ll mark this thread as resolved now.

Thank you so much for sharing the code that worked for you, as I’m also sure it may help somebody else.

If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there. Thanks!