Continuing the discussion from Use desktop navigation-bar on mobile?: We don’t like this (bad): [nav-bar-mobile] We like consistency, and we are not using all the selectors on the desktop (good) navbar: [navigation-bar] So, reusing this navbar on mobile is fine for us, in order to display latest, categories, and top. Is that possible without breaking changes? AI point me here, because there were changes on core in 2024, and making this change is not as easy as before.

Hello :wave: I have this theme component: Floating Navigation Controls and Desktop Navigation Bar for Mobile, and there have been some requests to make it work again, as it’s currently broken. Previously, the component used to override the template, but that method no longer works. However, I hadn’t noticed this in the core code until now :sweat_smile: app/assets/javascripts/discourse/app/components/navigation-bar.gjs 14e6124fa get showDropdown() { return applyValueTransformer( "navigation-bar-dropdown-mode", this.site.mobileView ); } If everything works, it’s actually easier to implement now with value transformer than before. Add this to a theme component JS section in admin: import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { api.registerValueTransformer("navigation-bar-dropdown-mode", ({ value }) => { return false; }); }); Hopefully works :slight_smile:

this works :slight_smile: [IMG_3851] thanks Don!

Mesma barra de navegação no desktop/mobile

Suporte ao Produto

Lilly (Lillian ) 6 Junho , 2025 14:15 3

isso funciona

obrigado Don!

Tópico		Respostas	Vistas
Is there a way to change nav toggle menu on mobile to normal text like on desktop? Product Support	3	848	3 Agosto , 2022
Replace mobile navigation with category dropdown Development	7	868	14 Junho , 2023
Recent update broke my top navigation bar Product Support	4	1708	3 Agosto , 2021
Add the mobile UX as a theme option to desktop users as well UX	7	1681	21 Junho , 2017
Disable header changes on mobile Product Support	3	256	9 Agosto , 2025

Mesma barra de navegação no desktop/mobile

Related topics