More intuitive mobile menu

Resolved kiberchaka
(@kiberchaka)

5 years, 3 months ago
Hi!
Now on Storefront mobile menu user can open new level of menu only by click on a little special arrow-like button in the right side of menu. But I think it is more intuitive to open it by click on a parent item itself. Now such a click does nothing (just change menu item color).
How can I change this behavior?
Thank you!
- This topic was modified 5 years, 3 months ago by kiberchaka.
- This topic was modified 5 years, 3 months ago by kiberchaka.
- This topic was modified 5 years, 3 months ago by kiberchaka.

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter kiberchaka
(@kiberchaka)

5 years, 3 months ago

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!
Thread Starter kiberchaka
(@kiberchaka)

5 years, 2 months ago
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 5 years, 2 months ago by kiberchaka.
Niall a11n
(@wpniall)

5 years, 2 months ago

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!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘More intuitive mobile menu’ is closed to new replies.

Tags