Archived topic
can not choose sub-category from drop down menu on mobile phone
7 replies · Started by PING Yao on February 7, 2021
Hi there,
https://drive.google.com/file/d/1227vKCYlRojCWp29UHhtoxmFfUveItyB/view?usp=sharing
When I was trying to click product or post category on mobile phone, it just goes to product or post main category.
I can not choose sub-category.
https://tiedown.com.tw/
for example,
ABC
-A
-B
-C
On mobile device, when I open ABC on hamberger menu, it just goes into main category without letting me choose A, B or C
Any solution for that?
thanks
Best Regards,
Henry Huang
Hi Henry,
This should help:
https://docs.generatepress.com/article/mobile-navigation/
Hi Ying
I have tired hover, click-Menu Item, and Click-Arrow. those opetions do not work.
When I click arror on mobile menu, it still goes to main category without letting me choose sub-category
or
should I add "Changing the opening speed/transition of the hover dropdown menu"
Please advise what I need to do.
I do appreciate your time and efforts.
Thanks
Best Regards,
Henry Huang
Hi there,
The issue seems to be with the category toggle having actual links to point to instead of having just # as href for toggling.
If I may suggest, consider restructuring the menu in a way where the category toggle to open subcategories are custom links with # as url rather than an actual link to a page so they work properly as toggle.
Just add the link to the category as a child along with the subcategories.
Hi Elvin,
thanks for your advise and I can confirmed that the sub-category will be open once I clicked main catefory
However, that will result in other problems, which is people can not go to main category.
For example:
ABC (main category)
-A (sub-category)
-B (sub-category)
-C (sub-category)
customer can only click A, B, and C but they can not go to ABC(main category)
Are there any ways, that people can click ABC(main category) and A(sub-category), B(sub-category), C(sub-category) upon what they want to click?
thanks for that
Best Regards,
Henry Huang
What I had in mind was this:
ABC (main category:toggle only)
-ABC (the link)
-A (sub-category)
-B (sub-category)
-C (sub-category)
But I get that this isn't the optimal setting so you can skip this.
Are there any ways, that people can click ABC(main category) and A(sub-category), B(sub-category), C(sub-category) upon what they want to click?
The best setting for this is to actually set Click - Arrow to the Navigation dropdown setting so the dropdown is toggled by tapping the arrow on mobile.
But you've mentioned that it doesn't work for you which is strange as that setting works perfectly on my end.
Perhaps when you've tested this setting, you were accidentally tapping the words as well instead of tapping only the arrow? The user much actually tap only the arrow as accidentally tapping the menu-item word area will lead you to the category page.
I get that this can be an issue especially with users with big thumbs.
While you can do something like single tap for toggle dropdown and double tap for going to the category page, this will require custom script that will require custom script that's outside of our scope. Plus it's not exactly the best user experience.
Hi Elvin,
thanks for your advise.
I will use
ABC (main category:toggle only)
-ABC (the link)
-A (sub-category)
-B (sub-category)
-C (sub-category)
that is also another solution.
thanks for that.
Best Regards,
Henry Huang
No problem. Glad you got it sorted. :)