Replace mobile navigation with category dropdown

Development

AI-generated summary

The discussion revolves around replacing the mobile navigation menu with a category dropdown. danielabc wants to remove the default menu and display all categories on mobile devices, similar to the desktop view. emilio shared an image illustrating the desired outcome.

Lilly mentioned that this topic has been previously discussed in another thread. Lhc_fl shared a solution by implementing this functionality in their “Clean Theme” and provided a GitHub link to the code. However, Dotila_Li noted that the subcategories do not appear in this implementation. danielabc asked Lhc_fl to explain how they made the categories appear on mobile.

1

On the cell phone, how do I remove the recents, new, best and categories to change for all categories my forum has

2

Hi daniela,

Do you want to hide this menu?

image
image389Ă—619 35.5 KB

Can you provide a screenshot so we understand better what you want to hide?

3

I want to change it to a menu that appears all categories of the forum

4

Sounds like they want the drop down to be like there is on desktop which has “All Categories”

Discourse_Meta_-_The_Official_Support_Forum_for_Discourse_🔊
Discourse_Meta_-_The_Official_Support_Forum_for_Discourse_🔊597×393 24.5 KB

5

this has been discussed:

6

My clean theme implements this functionality. If you want to take it out as a component, please fork my code and delete common.scss

discourse-theme-clean/javascripts/discourse/templates/mobile/components/navigation-bar.hbs at main · Lhcfl/discourse-theme-clean · GitHub

image
image583Ă—1266 125 KB

7

Well done.

But, the subcategories don’t show.

8

How did you make the categories appear on mobile?