[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: [image]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.

[image] 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?

[image] 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: [image] 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.

Which browser loads the correct mobile display?

Product Support

darkpixlz (Pyx ) March 8, 2026, 2:24am 4

I actually believe that was removed a few days ago unfortunately:

Topic		Replies	Views
Google Chrome PC displays mobile view Product Support	5	2378	September 28, 2015
Did something change with mobile layout? Mine is now all messed up Product Support	11	1855	December 13, 2016
Improving automatic switching of mobile/desktop modes Development dev-news	11	795	May 26, 2026
Unexpected switch to desktop view on mobile Product Support	12	1696	June 8, 2020
Topic View Counts Not Visible On Mobile Device Product Support	3	859	July 23, 2018

Which browser loads the correct mobile display?

Related topics