Minor improvements to the mobile menu for a significant improvement in user experience

[crazycells]

@baris thanks @baris , this looks better than the old version.

Although I was OK with having "notifications" under "navigation" section on the left side, this is OK for me too.

Do you think with this change, the dropdown menu on the navigation should be visible as default?

[baris]

Not sure about the dropdowns in the navigation, if a site uses too many of them it might be too many items if they are visible by default.

[volanar]

@baris Everything is great.

[crazycells]

@baris said in Minor improvements to the mobile menu for a significant improvement in user experience:

Not sure about the dropdowns in the navigation, if a site uses too many of them it might be too many items if they are visible by default.

I see. Since I felt that the left side window is quite plain now, it can take some lists/items easily.

[baris]

@crazycells Yeah there are forums out there using the dropdowns heavily. For example

[volanar]

@baris is it possible to enable autocomplete when searching? Now it doesn't work

[crazycells]

@baris said in Minor improvements to the mobile menu for a significant improvement in user experience:

@crazycells Yeah there are forums out there using the dropdowns heavily. For example

yes, that would be a problem for those forums...

Do you think it is possible to implement "hide on mobile" "hide on desktop" options for the navigation bar? This way, everyone could edit the navigation bar icon for each medium; and can have different navigation options (in a different format) for mobile and desktop.

[crazycells]

@baris There is a "class" option in the navigation bar icons...

Can I just write there a made-up class name like in the HTML widgets and then hide/show that class with CSS according to screen resolution?

[baris]

@crazycells Yes you can give custom class names there, I think you can even use the default bootstrap classes to hide it on mobile. Try hidden-xs and it should not show up on mobile.

[crazycells]

@baris said in Minor improvements to the mobile menu for a significant improvement in user experience:

@crazycells Yes you can give custom class names there, I think you can even use the default bootstrap classes to hide it on mobile. Try hidden-xs and it should not show up on mobile.

Yes, hidden-xs works... Thanks a lot.

But I will probably go with something not default... so I do not have any problem/conflict in the future... I will go with hiddeninmobile hiddenindesktop classes and write custom CSS codes for various screen resolutions.

[volanar]

@baris The inscription Navigation in the left mobile menu can be removed. Now it is not needed. Instead, add an X for closing, as in the standard menu.

If possible, add the word search... and an icon to enable search. As in this example

[DownPW]

@baris

Implemented on futur release ?

[baris]

@DownPW Yes this will be available in 1.19.2

[volanar]

@baris it would be great if the counter was added to the left mobile menu. Every time I go to the forum, I have to open this menu to see if there are any recent posts.

[phenomlab]

@volanar A cheap workaround here would be to set the default homepage as recent

[volanar]

@phenomlab said in Minor improvements to the mobile menu for a significant improvement in user experience:

@volanar A cheap workaround here would be to set the default homepage as recent

Why set up workarounds when you can do it more conveniently? We limit ourselves in the settings to only recent ones. We need to think about the convenience for all users

[phenomlab]

@volanar Whilst I agree, this may not suit everyone, which is why I made that suggestion. What may be convenient for you may not be for others.

[baris]

The number on the profile image show the number of notifications. I guess you are talking about unread topics, which could be added to the left menu icon.

[volanar]

@baris yes. If there were several such numbers, not only unread ones, then it would be possible to display the sum of numbers. For example, sum up the number of posts from the feed plugin

[crazycells]

@baris said in Minor improvements to the mobile menu for a significant improvement in user experience:

The number on the profile image show the number of notifications. I guess you are talking about unread topics, which could be added to the left menu icon.

Yes, actually; I believe that is a very important addition. Unread topics counts should be seen on the sandwich menu icon, and the total number of notifications + private messages should be seen on the avatar.

Should I open a GitHub issue for this? Thanks.