How to preview mobile version on desktop

There are 5 simple steps as below: 

Step 1: Open Chrome's developer tools with F12.

Step 2: Click the 'Toggle device toolbar' button to turn Device Mode on or off. (Icon is blue when Device Mode is on).

Step 3: (Optional) Select which mobile device you want to simulate with the 'Viewport controls'.

Step 5: Refresh the webpage (Ctrl+Shift+R)

• Related Articles

• What's the difference between Mobile Menu app & Smart Menu?

  Smart Menu can build a mega menu on desktop, and also show on mobile. Why needs a separate Mobile Menu app? See comparison table below to know the difference. Mobile Menu Smart Menu Purpose ✔ Build mobile menu ✘ Build menu on desktop ✔ Build mega ...

• FAQs for Mobile Menu

  Is the Free plan really free? Yes, it is 100% free and forever free to use. We won't even ask for a credit card. By default, when you install Mobile Menu, you will be in Free plan. You only get charged once you upgrade to Premium plan. What is the ...

• [Version 2] How to test beta version?

  Because of updating to version 2.0 will reset all settings and it cannot be reverted to version 1.0. So we recommend testing new version on development store before updating. Please follew the instruction below to create a development store and test ...

• [Version 2] How to set up Sticky Button & Cart Drawer?

  SLIDE CART SETTINGS 1. Visibility Enable "Slide Cart" on desktop: Tick on this option to show the Slide Cart on desktop version. Enable "Slide Cart" on mobile: Tick on this option to show the Slide Cart on mobile version. Auto open "Slide Cart" when ...

• How to display Smart Menu on preview theme?

  In some cases, Smart Menu may not appear in unpublished themes when previewing (themes which have not been live yet), so you will need to enable App embeds in theme's settings. This article will help you to display Smart Menu in those unpublished ...