Device Mockups in Oxygen Builder


YouTube video

Written By

Jonathan Jernigan

If you’ve ever wanted to show a device like an iPhone, iPad, or even desktop computer with content inside of it for a portfolio or interactive demo, it’s often very difficult to do. This tutorial will show you how to create interactive device mockups in Oxygen Builder with a variety of devices and colors.

Because it’s built using a shortcode wrapper, essential a div, anything can go inside of it.

Below is the code used to achieve the layouts in the tutorial video.

CSS and Code Snippet:


Taylor Drayson:

Signup for the most inconsistent newsletter this side of the Mississippi

Delivered on a regular-as-I-can basis, I'll share with you the tl;dr of new blog posts and videos, exciting announcements, and other valuable information from around the WordPress ecosphere. You'll never get more than one email per week from me.

"*" indicates required fields

This field is for validation purposes and should be left unchanged.