Skip to content

Switch to Mobile Sites View in Brave browser on a Computer

Are you looking for an option to view the mobile site mode in the Brave app? Learn how to switch to the mobile site view for websites.

The Brave browser allows switch to the mobile site layout on its desktop browser. You can enable the developer mode within Brave and use the device toggle option to view the mobile view.

We can use pre-defined mobile screen resolution or customize width and height per our need using the responsive layout option.

In this guide, we have shared the steps to enable the mobile site layout in the Brave browser.

On this page, you can find and jump to:

Enable the Mobile Site Layout

Most modern websites these days are responsive, which means they adjust according to the screen resolution size of the device. The Brave browser offers developer tools that mimic the mobile resolution of the desktop browser.

  1. Launch the Brave browser on your computer.
  2. Open the website you want to view on the mobile site.
  3. Right-click on the page for the context menu and select on Inspect option.
    Inspect Element option in Right Click context menu on Brave browserIt will enable the developer mode and launch the developer tools window.
  4. Click on the Toggle Device Toolbar button.
    Device Toggle button on Brave browser Developer Mode
    It will turn blue when it is enabled.
  5. Select the device model to emulate from the drop-down.

The browser will display the mobile version of the site. The screenshot displays how the website looks on an iPhone XR. The list of iOS and Android devices to imitate from the Dimensions menu will help choose the suitable resolution for the test.

Select the Device Model for Emulation in Brave

You can close the developer tool pane once you are done to go back to the original view.

Close the Developer Tools window in Brave Computer browser

You can use the keyboard shortcut to access the developer tools directly. You can also simultaneously press Ctrl/Cmd + Shift + I keys to access developer tools.

Another alternative is using the Developer tools under the More tools menu from the More menu options. Once you are done debugging, exit the Developer tools pane to close the Mobile site layout and bring it back the normal.

Developer Tools menu in More tools on Brave Computer browser

Bottom Line

Whether you’re a web developer or a blog owner, you must ensure the site runs perfectly on all devices.

We can select the variant of a device you want to view the site on and check the mobile site view on the Brave browser with the help of the developer tools.

Similarly, if you use the Brave on your smartphone, then we will have the option to view Desktop Site layout on your small screen. It works exactly the opposite of the desktop browser.

Please share the article if you find it helpful:

Disclosure: This page may contain affiliate links, which means we may receive compensation for your purchases; of course at no extra cost to you (indeed, you may get special discounts).
Kushal Azza

Kushal Azza

Kushal Azza is a Google Certified IT Professional, Digital Content Creator, and Go-To Digital Marketer with Engineering Degree. He has over a decade of experience solving tech problems, troubleshooting, and innovating digital solutions. Follow him on Twitter and LinkedIn.

Leave a thought or feedback

Please leave a descriptive comment or feedback with your real name. Our human moderator vets every comment, and it may take 24 to 48 hours to get published or rejected.

Your email address will not be published, and we will never spam your inbox. Required fields are marked *