Blog

WEBFI-WordPress-How to View the Mobile Version of WordPress Sites from Desktop



Are you wanting to preview the mobile version of your WordPress site on your desktop? Previewing the mobile layout helps you understand how your website looks on mobile devices for your users while you have the editing capabilities of your desktop computer. In this video, we’ll show you two simple ways to easily preview your site’s mobile layout in WordPress.

This video brought to you by RafflePress, the best WordPress giveaway plugin available, take a look at their site here:

=================================
https://rafflepress.com/
=================================

For our discount use the code: WPBVIP

For the first method, you would want to be logged in to your WordPress site, and go under Appearance, Customize to view your site. This should bring up the customizer and in the bottom left-hand side there are three icons for you to select from, by default it should be set to the desktop and if you click the other icons it will rotate between the other mobile views.

If your theme does not offer this or you don’t want to view this in the customizer, you can use a browser such as Google Chrome to inspect the page. You would visit your site, right-click, and go down to the inspect link to open the inspector. Next, you would click the icon in the top left of the window that was opened to see the page in a mobile view. As we are using Google Chrome, it has the option to emulate specific windows for popular mobile devices.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

15 Comments

  • MisterTracks on February 27, 2020

    nice content

  • naveen reddy on February 27, 2020

    Excellent video.

  • Terje Skuggen on February 28, 2020

    That was new to me. I have inspected sites before using "inspect" but to me it was too confusing so I've skipped it. I didn't know about this feature. It's brilliant!

    However, most themes has this bulid in. So is this more exact than than those?

  • Artjom Raznjak on March 8, 2020

    thank you!

  • Nice one

  • Digital Nerd on August 8, 2020

    Okay, So my site looks good here. Totally mobile user friendly. But when I check it in my mobile, it looks in desktop version. Why is that? Any suggestions?

  • Eco House Records on September 16, 2020

    Hi there great video I understand now how to view the mobile version , so just to check if I delete something a video or image or text it wont delete it off my pc version as well? (just trying to speed my mobile vers up as a live video service is slowing it down).

  • phéno on November 6, 2020

    Thank you for the presentation.
    But I ask how do we have to see the logo of the mobile point with the wordpress editor in order to be able to modify the home page of our site as on Elementor to adapt it to the mobile version.
    In fact my site works well with the desktop version but with smart phones, I don't even see the home image of the mobile point.

  • MattMovieMaker on November 19, 2020

    If I make edits in the backend in that mobile view will it make changes to how my site looks normally through a computer web page?

  • Barubal Pranks on April 3, 2021

    Hi… 1 question… I’ve been following your tutorials, im using elementor and astra……. my website is mobile friendly but not fit to screen properly.. it moves a lot when I scroll down… like its not properly fixed yo screen… what should I do… Thanks in advance..

  • Man Of Culture on April 4, 2021

    Or you can just resize your browser to mobile size.

  • Ruhen Bhuiyan on May 25, 2021

    Hello madam. How can I edit and change only the mobile view? ( I want to keep the desktop view same. I want to edit the mobile view)

  • vincent ehinze on August 5, 2021

    how do i edit from my mobile view some listings are hidden on my mobile view for instance i can only see listing for 3 to 10, 1 and 2 are hidden

  • Shabeer Wordpress on September 23, 2021

    really helped me thanks

  • Songfantasy on December 8, 2021

    Thanks for the video. How is landscape mode seen and edited?

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

WEBFI NETWORK OFFICE HOURS 

Mon-Sun from 8:00 am /4:00 pm USA-ET

WhatsApp us

Small Business – WordPress – CPanel – Hosting

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By Marquez.Group
error: WEBFINET SECURITY IS ON