WP Rocket Black Friday - WordPress Caching Plugin

Divi Introduces Better Responsive Screen Size Previewing

By Divi Dude

With the introduction of Divi 4.7, responsive previews got a major upgrade. Whereas before you were captive by the desktop, mobile and tablet screen resolution sizes Divi thought you should be previewing, you are now able to view custom responsive screen resolution sizes of your choosing.This is a much needed and appreciated upgrade.

In addition to custom responsive screen resolution sizes, Divi has also introduced what they call “smarter rendering improvements” which means switching between the view modes has a noticeable speed increase.  Yay Divi!

Divi comes with some of the most popular phone and tablet preset screen resolution sizes.  On top where you can enter the custom sizes, you will also see a drop-down list of the most popular phone and tablet styles which has those specific sizes already baked in.

Divi Responsive Preview

Also, if you have a particular mobile size that you are checking for, and one that you check for often, then you can enter in the width dimension of that device and then select “Make Default Phone View” or “Make Default Tablet View” button to make this the default view you see when first checking your mobile views.  Making it default does not in any way hinder your ability to check other sizes either by manually entering in the sizes or choosing from the preset mobile values.

And if you don’t want to enter the dimesions, you can also drag the screen to resize by using the draggable anchors.  This comes in really handy if you want to see where your screen starts to breakdown.  I was doing this using Chrome and just dragging the browser.  So having the abilitiy in Divi makes it much more convenient.

And finally, the new responsive features allows you to view the screen size in both landscape and portrait, helping you view the website regardless of how the end user is holding their tablet or phone (we’ll assume their desktop is landscape …. although my monitor can be turned vertically, so you never know.).

If you don’t have Divi, be sure to visit Elegant Theme’s website and get it for yourself.  Might want to check out my Divi discount page first to see if you can save a few bucks.

Add Blazing Speeds to WordPress Through Better Hosting

Do yourself a favor and dump the shared hosting you're currently using and switch over to Cloudways.  The combination of WordPress, Divi and Cloudways is like a match made in heaven. Just click the banner or this link to find out why you should be using Cloudways as your WordPress host. Use the code: BFCM2020 for 40% off your first 4 months.

Load WordPress Sites in as fast as 37ms!

Must Have Plugins

WP Theme FAQs

WP Rocket - WordPress Caching Plugin

Duplicator Pro: WordPress Backups Made Simple




Favorite WordPress Theme

Divi WordPress Theme

Start Your Newsletter

MailerLite Email Marketing for Small Business

 

Constant ContactConstant Contact

Legal Disclaimer

Affiliate marketer: Which means when you click a link and purchase an item, I may receive a commission.  Thank you for your support.

More From Divi Dude

Code Snippet Syntax Highlighter that Works with Divi – Review

Code Snippet Syntax Highlighter that Works with Divi – Review

This is one of those plugins that’s only going to appeal to a certain number of people. People like me who have a need to add syntax code to websites. But if you’re one of those people, then I recommend you get the plugin — Divi Code Snippet Module — from the creator of Divi Booster. I tried 3 or 4 plugins in WordPress, every one of them …

Code Snippet Syntax Highlighter that Works with Divi – Review

Code Snippet Syntax Highlighter that Works with Divi – Review

This is one of those plugins that’s only going to appeal to a certain number of people. People like me who have a need to add syntax code to websites. But if you’re one of those people, then I recommend you get the plugin — Divi Code Snippet Module — from the creator of Divi Booster. I tried 3 or 4 plugins in WordPress, every one of them …

3 Easy Ways to Add Pinterest Board Pins to Divi Websites Without Plugins

3 Easy Ways to Add Pinterest Board Pins to Divi Websites Without Plugins

Here’s the dilemma. When I build websites, I build them primarily for a landscape screen. Most of my photos are optimized for landscape screens. My Facebook and Twitter graphics are for landscape screens. But Pinterest prefers portrait style graphics for its pin boards. See the problem? My website has graphics that are wider than they are long (landscape). Yet, Pinterest wants graphics that are taller than they are wide (portrait).

Join Our Awesome List

Join our mailing list to receive the latest news and updates from Divi Dude. We don't write often, but when we do, everything will more or less be spelled correctly (oh, and be interesting and fun and knowledge based).

Thanks Dude! You've successfully subscribed.

Pin It on Pinterest

Share This