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 ...

• How to design your Mobile App in The Design Editor?

  qikify Mobile App Builder is the fastest and easiest way to create a custom mobile app for your Shopify store without any coding knowledge. Our no-code platform is affordable and comes equipped with a powerful Design Editor and features like product ...

• How to set up Sticky Add to cart? (Version 2)

  GENERAL SETTINGS Only show sticky add to cart when "Add to cart" button disappear: Enable this option so that the Sticky Add to cart only displays whenever the Add-to-cart button of your theme disappear. Only show sticky add to cart when user scroll ...