Responsive testing

Why Request Desktop Website still shows mobile on iPhone

You tap Request Desktop Website, the page reloads, and the same narrow menu comes back. The request can change which page the server sends. The width available to its CSS is a separate decision.

Updated 12 November 2026

Short answerRequest Desktop Website mainly changes the browser’s user agent, asking the server for its desktop version. On a responsive page that keeps a phone-width layout viewport, CSS still selects the mobile layout. To check a desktop breakpoint, give the page an actual desktop layout width.

What the desktop request actually changes

A browser identifies itself to a server using a user-agent string. Desktop mode changes that identity; Chromium documents how Chrome on iOS sends a desktop-style Safari identity with a Chrome version marker. A site that chooses separate mobile and desktop HTML from that string may send a different page.

For a responsive site, the server often sends the same HTML to everyone. CSS then decides whether the navigation collapses, cards stack and a sidebar moves below the article. Those decisions usually depend on the layout viewport’s width in CSS pixels.

If that width stays at 390 px, @media (min-width: 1024px) stays false. Calling the browser a desktop browser changes little about that calculation. This explains the familiar reload followed by the same mobile menu.

Browser versions and a site’s viewport settings can also affect desktop mode. Some pages get a wider fallback layout. Treat the menu command as a request to the site; measure the resulting width when you need a repeatable test.

Request the desktop website in Safari

Open the page in Safari and tap the Page Menu button beside the address.
Open More if needed, then choose Request Desktop Website, when available. Older Safari versions show an aA menu.
Wait for the reload and check whether the navigation or content changes.
For a default across sites, open Settings > Apps > Safari > Request Desktop Website and enable All Websites. Use Request Mobile Website in the page menu to switch back for a page.

This is useful when a service deliberately serves a separate desktop page, perhaps with a different account dashboard. If the URL contains a mobile subdomain or mobile path, follow the service’s own desktop link as well: routing and cookies can keep choosing that version.

Request the desktop site in Chrome on iOS

Open the page in Chrome on your iPhone or iPad.
Tap More (the three dots), scroll through the actions and choose Request Desktop Site.
Let the page reload, then check the same section again.
To set the default, open More > Settings > Content settings > Default site view, select Desktop and tap Done.

Use this when the server’s mobile routing is the cause. For layout review, compare the actual width before and after the request. A desktop label by itself gives you very little information about which CSS rules ran.

Which method gives the page more width?

Method	What changes	True desktop layout?
Request Desktop Website	Mainly browser identity and the server’s response	Depends on the site and resulting viewport
Rotate the iPhone	The available layout width and height	Only if it crosses the site’s breakpoint
Pinch to zoom	The visible scale of the page	Layout breakpoints generally stay the same
ViewPortal Mac preset	The layout viewport is forced to the chosen width	Yes, for width-based layouts in WebKit

Check a real 1280–1470 px layout on an iPhone

Open ViewPortal and enter the full URL of the page you want to review.
Choose a Mac preset. Use the size readout to check the selected width; MacBook Air 13-inch gives a 1470 px reference. Read the selected dimensions before testing. For an exact 1280 px check, enter a custom width and height.
Compare the desktop navigation, columns and content order with a phone preset. The layout viewport uses the selected width, so the page’s media queries run at that width.
Rotate the preview, then capture the layout and annotate the part that needs attention.

Keep the same URL and content state while comparing. A logged-out landing page and a signed-in dashboard can differ for reasons unrelated to width. For the on-device and desktop options, see responsive design mode on iPhone and iPad.

For several widths together, follow the side-by-side screen-size testing guide.

On your own page, display window.innerWidth alongside matchMedia('(min-width: 1024px)').matches to demonstrate the cause. ViewPortal renders with the WebKit engine on your device at the chosen Mac dimensions.

Keep the desktop check with your bug report

Capture the page at a known width and draw around the navigation, spacing or wrapping that needs a change. ViewPortal is free to download for iPhone and iPad. ViewPortal Pro adds side-by-side multi-view, localhost/LAN servers and dev tools for a one-time £4.99, with three free multi-view sessions first and no subscription.

ViewPortal on the App Store

Questions people ask

Why does Request Desktop Website still show mobile?

The server may send the same responsive HTML, while CSS still sees a narrow layout viewport. Desktop mode’s changed user agent alone may leave the same mobile breakpoint active.

How can I test an exact desktop width on my iPhone?

Open the URL in ViewPortal and select a Mac preset or a custom size. It forces the layout viewport to that width, so width-based media queries run at the selected size.