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
nice content
Excellent video.
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?
thank you!
Nice one
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?
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).
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.
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?
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..
Or you can just resize your browser to mobile size.
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)
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
really helped me thanks
Thanks for the video. How is landscape mode seen and edited?