[image] Tried Edge, Firefox, Brave, and Chrome. None of them are displaying the correct mobile view, I am trying to modify the mobile drop down menu but its showing this desktop view menu. On my iPhone Safari, Chrome display correctly.

yea the ?mobile_view=1 is legacy and considered deprecated - the newer mobile styling was enabled last year: [图片]Designing for Different Devices (Viewport Size, Touch/Hover, etc.) Legacy Mobile / Desktop Modes Historically, Discourse shipped two completely different layouts and stylesheets for “mobile” and “desktop” views, based on the browser’s user-agent. Developers would target these modes by putting CSS in specific mobile/desktop directories, by using the .mobile-view/.desktop-view HTML classes, and the site.mobileView boolean in JavaScript. These techniques are now considered deprecated and should be replaced with the viewport and capability-based strategies discussed above. We will be removing the dedicated modes in the near future, making “mobile mode” an alias for “viewport width less than sm” for backwards compatibility. not sure what you’ve done on your own forum for customizations, but i cannot repro this problem on any instance or device. does it do it in safe mode? [Screenshot 2026-03-07 at 7.07.32 PM]

The usual way has been by adding ?mobile_view=1 to the end of the URL. Discourse is moving towards responsive design based on viewport size, so depending on the theme, this override might not continue to work.

[图片] hipp0: I am trying to modify the mobile drop down menu but its showing this desktop view menu Are you referring to the navigation menu site setting?

[图片] ToddZ: The usual way has been by adding ?mobile_view=1 to the end of the URL I actually believe that was removed a few days ago unfortunately: [图片] No more switchable mobile/desktop layouts? UX No, it’s not just removed from the sidebar. We have removed the underlying structure to toggle.

I managed to get it to display the Mobile view on Chrome, still not able to get it to display mobile on Firefox, Edge, or Brave browser. Do I need Viewport break points in all my mobile code? Do I need to place it in the Mobile section? Most of my mobile CSS is just color changes, header icons, and sidebar width, emoji/font sizes. So doesn’t seem like I need any specific viewport settings. [image] I was able to fix the code I needed: /* ========================================================================== MOBILE DROPDOWN MENU - ACTIVE STATE ========================================================================== */ /* 1. Force the active link text to black */ .d-modal__body .dropdown-menu li.active a, .d-modal__body .dropdown-menu li.active { color: #000000 !important; } /* 2. Touch-specific feedback (Discourse Standard) */ html.discourse-touch { /* Turn text black while the finger is pressing down */ .d-modal__body .dropdown-menu li a:active { color: #000000 !important; } } /* 3. Ensure other nav items follow the rule */ .dropdown-menu li a { transition: color 0.1s ease; } I had some @media css queries that were messing up Brave browser on mobile loading correctly it seems.

哪个浏览器能正确加载移动端显示？

产品支持

NateDhaliwal (Nate Dhaliwal) 2026 年3 月 8 日 01:43 3

您指的是 navigation menu 站点设置吗？

话题		回复	浏览量
Google Chrome PC displays mobile view Product Support	5	2376	2015 年9 月 28 日
Did something change with mobile layout? Mine is now all messed up Product Support	11	1853	2016 年12 月 13 日
Improving automatic switching of mobile/desktop modes Development dev-news	11	786	2026 年5 月 26 日
Unexpected switch to desktop view on mobile Product Support	12	1695	2020 年6 月 8 日
Topic View Counts Not Visible On Mobile Device Product Support	3	859	2018 年7 月 23 日

哪个浏览器能正确加载移动端显示？

相关话题