Return to previous page

No design options for mobile menu elements. Bad UX out of the box

This topic has 1 reply, 1 voice, and was last updated 2 hours, 46 minutes ago ago by Tommy

Tommy

Participant

October 5, 2024 at 16:44

Hello friends.
Today we need to talk about the design options:
Why your theme does not have options to controle the menu elements in mobile view?

Look at this please – this is your mobile menu out of the box:
https://ibb.co/D1LmSb7

The negative / problem is:
A scrollbar with large width is shown.
The scrollbar “strike through” the “open” icon to expand the menu. The scrollbar overlaps / is to close to menu and give visitor not the best feeling.

Its very plain text styled and there is no click area, because its to small and each element are very close to next element. The eye does not have any focus to an element, because there is no seperator and no space for touch UX.

No look at this please: Here you see a great touch ux in another theme and very good focus for each menu element.
https://ibb.co/xf5tfRd
And if you click on it, it will drag/open the nested menus down under the main menu like this:
https://ibb.co/981wfJj

How to have this with your theme also please? You have a great and modern theme and i belive we can do that with your theme also out of the box. Without custom css again and again.

We need to add more space between each menu:
this is possible via settings.

Questions:
– But why no chance to add seperator in style settings of mobile menu header?
– Why no chance to add icon to all mobile menu elements?
– Why no chance to add label like (NEW) or (HIGHLIGHT) to mobile menu elements?
– Why you have a so large scroll bar here that have nearly more focus then the total menu? 🙁 How to move the scroll bar more to left side, like in other themes please?
– Mobile view is so important. Do you plan to add more controle options? Sure, we can start a request for that important viewport, but i think it shoud be done without any roadmap request, or do you really like this scrollbar over the total menu in that large size and width and verly close to drag/open menu icon? https://ibb.co/D1LmSb7

Last but not least:
I can see some users asking about the same and other design requests in mobile menu in comments section. I hope you already have implement this basic needs. Mobile view is one of the most important viewport.

Second problem:
Please check this screenshot:
https://ibb.co/g9Hyhfq

What is this “hanging around” design? 🙂 We need to move the menu to top and remove the space between headline and menu. We need to add a little bit more space between each line and add seperator between each menu. We do not find any text in your documention how to controle the design of this menu.

Sorry for my words. I like your support and i like your theme. But i see massive problems in the details. If you solve that, you will have much more sales and more happy clients.
Not all clients say: oh, i see an issue here, because this users are no grafik designer. I am in germany one of the leading grafik designer and my customer need a pixel perfect design.
In the history we worked with another theme that have eye and focus on options AND design. I hope you understand our needs and its not important to open roadmap question and wait for other users voting to solve that issue.

BR
Tommy

Files is visible for topic creator and
support staff only.

#417352 Copied Theme version: 9.4.2
Tagged: best selling woocommerce themes, improve mobile ux, mobile menu design, woocommerce design solutions, woocommerce mobile options, woocommerce ux design
Viewing 1 results - 1 through 1 (of 1 total)